同理一個菱形是 ...

話不多說直接先上效果圖 其實原理很簡單,就是一個帶邊框的方塊加上一個黑色三角形和一個白色三角形，最后通過position定位實現。 代碼如下： HTML就一個div CSS ...

<style> #triangle-down { width: 0; height: 0; border-left: 50 ...

div+css畫三角形代碼原理采用的是均分原理；在矩形的直角，兩條邊的樣式要均分，把 div 的寬 高設為零，四條邊 top right bottom left 設置一個寬度，把需要顯示的一邊設置有色，其他的設置透明，就這樣一個三角形就出來了代碼如下: <style> .box ...

...

一個div名為div1 ，另一個名為div2。假設div2浮在div1上，設置 .div1{position: relative;} .div2{position: absolute;} 這時div2就會默認浮在div1的左上角， 如果想要靠右，可以先設置div2的寬度，在設置 ...

直接上DEMO了 ...

一個div如何與另一個div底部對齊，方法有很多，比如使用絕對定位 ...