css3 画三角形和箭头

画三角形，是不是比之前简单多了

<div class="triangle">
.triangle{
        border: solid 10px transparent;
        border-bottom: solid 10px yellow;
        width: 0;
        height: 0;
  }

画三角虚线，

<div class="triangle">
.triangle{
         border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        transform: rotate(45deg);
        position: absolute;
        width: 20px;
        height: 20px;
        left: 20px;
        top: 50%;
  }

先到这里，到时候在更新其他