三角小标志

实心三角：

  i{

    display: inline-block;

    width:0;

    height:0;

    border-width:20px;

    border-style:solid;

    border-color:#000 transparent transparent transparent;

   }

 

空心箭头：

<i class="i1 i2 ">
</i>

.i1{
display: inline-block;
width: 7px;
height: 7px;
border-top: 1px solid #999;
border-right: 1px solid #999;
}

.i2  {
transform: rotate(-45deg);
}

.i2  {
transform: rotate(135deg);
}

.i2 {
transform: rotate(-135deg);
}

.i2  {
transform: rotate(45deg);
}