css 制作三角形图标不支持IE6

时间：2014-08-18 16:10:32 收藏：0 阅读：274

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

效果： bubuko.com,布布扣

把10px改成0后: bubuko.com,布布扣

去掉border-top这一句： bubuko.com,布布扣

把border-left和border-right弄透明： bubuko.com,布布扣

修改后的代码：

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

css 制作三角形图标不支持IE6,布布扣,bubuko.com

原文：http://www.cnblogs.com/vincent_ds/p/3919642.html

css 制作三角形图标 不支持IE6

css 制作三角形图标不支持IE6