利用CSS的border以及它的屬性值transparent來實現三角形,其中最主要的是要明白由于div的高度跟寬度都為0，margin，padding也為0，所以元素框的大小就是他的border的疊加，由于相鄰boder會重疊，故存在內容寬高時其實任意一邊存在的border都是梯形的，當div內容寬高為0時，border就表現為三角形，將四個border的顏色設置為transparent表示邊框透明，而將右邊框顏色再設置為紅色就發現三角形出現了，其實這個三角形是右邊框。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表