css 製做三角形圖標 不支持IE6

.triangle {
width: 10px;
height: 10px;
overflow: hidden;
border-left: 4px solid rgba(0, 224, 255, 1);
border-right: 4px solid rgb(0, 255, 10);
border-top: 4px solid #ff0;
border-bottom: 4px solid #ca0309;
}

效果：

把10px改爲0後:

去掉border-top這一句：

把border-left和border-right弄透明：

修改後的代碼：

.triangle {
width: 0;
height: 0;
overflow: hidden;
border-left: 4px solid rgba(0, 224, 255, 0);
border-right: 4px solid rgba(0, 255, 10, 0);
border-bottom: 4px solid #ca0309;
}