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;
}