正文

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

IP云
IP云V管理员/3 阅读
09/20
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

效果：

把10px改成0后:

去掉border-top这一句：

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

修改后的代码：

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