頭朝下的小三角 width:0; height:0; border:50px solid transparent; //所有border都是透明的， border-top-color:black; //只有尖相對的方向border有顏色 　　 同理，頭朝上的小三角，只要把 ...

這個效果。首先想到的就是用元素的偽類來實現。 首先想到的是給小三角加一個box-shadow屬 ...

<div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> </div> <div class ...

：當div的寬高為0時，設border的寬度並設顏色，會發現div像是被分割為4個小三角形， ...

before 和 after后，我們來看看如何使用 before 和 after來制作小三角形吧。 1 ...

　　同學們，當美工給的設計圖是這樣： 　　或者這樣： 　　我的內心其實是拒絕的-_-；但工作還得干，大部分同學會寫 　　或者干脆利落 　　這樣做是可以解決問 ...

效果圖： 方法一的效果圖 方法二的效果圖 方法三的效果圖 方法一： css代碼： #top { position: absolute; width: 0px; height ...

帶缺口的三角形: ...