css實現實心三角箭頭，兼容ie

<i class="up"></i> <i class="down"></i> <i class="prev"></i> <i class="next"></i> .up{display: inline-block;border-top: 20px transparent solid;border-right: 20px transparent solid;border-bottom: 20px #000 solid;border-left: 20px transparent solid; }.down{display: inline-block;border-top: 20px #000 solid;border-right: 20px transparent solid;border-bottom: 20px transparent solid;border-left: 20px transparent solid; }.prev{display: inline-block;border-top: 20px transparent solid;border-right: 20px #000 solid;border-bottom: 20px transparent solid;border-left: 20px transparent solid; }.next{display: inline-block;border-top: 20px transparent solid;border-right: 20px transparent solid;border-bottom: 20px transparent solid;border-left: 20px #000 solid; }

總結

以上是生活随笔為你收集整理的css实现实心三角箭头，兼容ie的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。