主要原理:
1,先把盒子宽度和高度设置为0,只剩下边框,这样的话每个边框都会变成1个三角形
2,需要三角形朝向哪个方向,先把所有边框颜色设置为透明,然后只需设置这个方向的边框颜色就可以了(箭头方向和边框方向相反,比如需要箭头朝右就需要设置左边框颜色)
0px;
height: 0px;
border: 10px solid transparent;
border-left-color: #ccc;
/* 以下代码主要是考虑兼容低版本浏览器*/ line-height:0px font-size:0px
|