首页 > 代码库 > css 制作三角形图标 不支持IE6
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;}
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。