CSS 小三角

prev,#next{

border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
height: 0;
width: 0;

}

/向上三角形/

prev {

border-bottom: 5px solid #9bb40e;

}

/向下三角形/

next {

border-top: 5px solid #9bb40e;

}

left,#right {

border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
position: absolute;
height: 0;
width: 0;

}

/向左三角形/

left {

   border-right: 5px solid #9bb40e;

}

/向右三角形/

right {

  border-left: 5px solid #9bb40e;

}

    原文作者:jjyy
    原文地址: https://segmentfault.com/a/1190000004007330
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞