CSS实现三角形箭头

主要原理：

1，先把盒子宽度和高度设置为0，只剩下边框，这样的话每个边框都会变成1个三角形

2，需要三角形朝向哪个方向，先把所有边框颜色设置为透明，然后只需设置这个方向的边框颜色就可以了（箭头方向和边框方向相反，比如需要箭头朝右就需要设置左边框颜色）

 

   width: 0px;

    height: 0px;

    border: 10px solid transparent;

   border-left-color: #ccc;
/* 以下代码主要是考虑兼容低版本浏览器*/
  line-height：0px

  font-size：0px