寫法

.triangle{
overflow: hidden;
width:0;
height:0;
border-width: 10px;
border-color: red transparent transparent transparent;
border-style: solid ;


}

在ie6下會有黑色邊框 解決方案

.triangle{
overflow: hidden;
width:0;
height:0;
border-width: 10px;
border-color: red transparent transparent transparent;
border-style: solid?dashed dashed dashed;


}

總結

以上是生活随笔為你收集整理的css写三角兼容ie6的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。