css实现箭头(常用)

.bt {
    position: absolute;
    right: 0;
    top: 10px;
    width: 14px;
    height: 14px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(45deg);
}

.t {
    position: absolute;
    right: 0;
    top: 10px;
    width: 14px;
    height: 14px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(-135deg);
}

.l {
    position: absolute;
    right: 0;
    top: 10px;
    width: 14px;
    height: 14px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(135deg);
}

.r {
    position: absolute;
    right: 0;
    top: 10px;
    width: 14px;
    height: 14px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(-45deg);
}

 

 

文章来源：https://blog.csdn.net/qq_32584661/article/details/80363844