三角形-css

/*箭头向上*/

.arrow-up {

    width:;

    height:;

    border-left:30px solid transparent;

    border-right:30px solid transparent;

    border-bottom:30px solid #000;

}

 /*箭头向下*/

.arrow-down {

    width:;

    height:;

    border-left:30px solid transparent;

    border-right:30px solid transparent;

    border-top:30px solid #0066cc;

}

 /*箭头向左*/

.arrow-left {

    width:;

    height:;

    border-top:30px solid transparent;

    border-bottom:30px solid transparent;

    border-right:30px solid yellow;

}

/*箭头向右*/

.arrow-right {

    width:;

    height:;

    border-top:30px solid transparent;

    border-bottom: 30px solid transparent;

    border-left: 30px solid green;

}

/*箭头无封口*/

.deg{

    width:30px;

    height:30px;

    border-left:1px solid red;

    border-bottom:1px solid red;

    margin-left:100px;

    transform:rotate(-45deg);

}