这篇文章主要介绍了如何用css制作一个能够兼容所有浏览器的三角形，有一定的参考价值，感兴趣的朋友可以参考一下，希望对你有所帮助！
利用css写三角形，兼容ie7
.arrow-up {         width:0px;         height:0px;         border-left:10px solid transparent;          border-right:10px solid transparent;         border-bottom:10px solid red;          font-size:0px;         line-height:0px;        margin: 0 auto;    }     .arrow-down {         width:0px;         height:0px;         border-left:10px solid transparent;         border-right:10px solid transparent;         border-top:10px solid blue;         font-size:0px;         line-height:0px;     }             .arrow-left {         width:0px;         height:0px;         border-bottom:10px solid transparent;         border-top:10px solid transparent;         border-right:10px solid #dc143c;         font-size:0px;         line-height:0px;    }     .arrow-right {         width:0px;         height:0px;         border-bottom:10px solid transparent;         border-top:10px solid transparent;         border-left:10px solid #ff00ff;         font-size:0px;         line-height:0px;     }
效果如下：
以上就是本文的全部内容了，希望大家能够喜欢。
【相关教程推荐】
1. css视频教程
2. css在线手册
3. bootstrap教程