在div上画空心三角形

<div class="nvhai">
                接电话
              </div>

 .nvhai::after {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        top: -8px;
        left: 695px;
        border-right: 2px solid #46be05;
        border-bottom: 2px solid #46be05;
        border-top: 2px solid transparent;
        transform: rotate(225deg);
        background-color: #fff;
      }

重点，
父元素给relative
伪类给absolute
给伪类加border宽度，高度和颜色
然后 旋转
如果不需要下面的线
给一个和里面div同样颜色的background
效果图