如何用css制作小三角圖標(biāo)？CSS三角圖標(biāo)像上面的三角圖標(biāo)，有很多實現(xiàn)的方法，大多數(shù)人都會用圖片來實現(xiàn)，其實純CSS也可以實現(xiàn)，方法很簡單。下面是正方形的實現(xiàn)，四邊都要有一個邊框，然后在上面設(shè)置顏色，

如何用css制作小三角圖標(biāo)？

CSS三角圖標(biāo)像上面的三角圖標(biāo)，有很多實現(xiàn)的方法，大多數(shù)人都會用圖片來實現(xiàn)，其實純CSS也可以實現(xiàn)，方法很簡單。

下面是正方形的實現(xiàn)，四邊都要有一個邊框，然后在上面設(shè)置顏色，記得要加溢出：否則隱藏, IE6下有個問題{寬度：0高度:0 溢出：左隱藏邊框：40px實心#00F邊框-底部：40px固體#F00邊框-右：40px實心#F90邊框-頂部：40px固體#0F0}三角形的實現(xiàn)是將其他三條邊的顏色設(shè)置為相同的{寬度：0高度:0 溢出：左隱藏邊框：40px實心#00F邊框- 底部：40px固體#FFF邊框-右：40px實心#FFF邊框-頂部：40px固體#FFF}