用纯css实现箭头效果的代码关键是设:width 和 height 为 0
箭头效果
<style>
.arrow { display: inline-block; width: 0px; height: 0px; border: 30px solid transparent; overflow: hidden; }
/*向上箭头,只有三个边,不能指定上边框*/
.arrow-up { border-top: none; border-bottom-color: red; }
用纯css实现箭头效果的代码关键是设:width 和 height 为 0
箭头效果
<style>
.arrow { display: inline-block; width: 0px; height: 0px; border: 30px solid transparent; overflow: hidden; }
/*向上箭头,只有三个边,不能指定上边框*/
.arrow-up { border-top: none; border-bottom-color: red; }