這篇文章主要介紹如何用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教學
