css畫三角形原理 解釋下用div css畫三角形的原理.代碼?
解釋下用div css畫三角形的原理.代碼?在DIV CSS中繪制三角形代碼的原則是等分布原則。在矩形的直角處,兩邊的樣式應(yīng)該等分。例如,左上角上邊框和左邊框的樣式應(yīng)該等分。如果左邊的邊框是無色透明的
解釋下用div css畫三角形的原理.代碼?
在DIV CSS中繪制三角形代碼的原則是等分布原則。在矩形的直角處,兩邊的樣式應(yīng)該等分。例如,左上角上邊框和左邊框的樣式應(yīng)該等分。如果左邊的邊框是無色透明的,而上面的邊框是彩色的,則會出現(xiàn)45度的銳角。
如何用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}