个回答

• J小灰辉

  2016-02-02 14:30:36

  写before、after的时候要注意，content属性一定要有，如果没有内容也要写为空，不然是不会显示的；

  写三角的时候，width和height要为0；

  在写边框的时候要把背景写成transparent(透明)，想要哪个方向的箭头，就让相反方向的边框加颜色；

  建议在before、after要做绝对定位的时候，设置启父对象为相对定位。

  /* css部分 */
  a{
      position: relative;
  }
  a::after{
      content: '';
      border: 10px solid transparent;
      border-left-color: #1DCEC0;
      position: absolute;
      left: 110%;
  }

  <!-- html部分 -->
  <a href="#">TEST</a>

  
  

  1