css-利用边框画三角形

时间：2018-02-27 22:29:26 阅读：226 评论：0 收藏：0 [点我收藏+]

html中代码

<div class=‘box-rihgt‘></div>
<div class=‘box-top‘></div>
<div class=‘box-left‘></div>
<div class=‘box-bottom‘></div>

 
.box-top{
    width: 0;
    height: 0;
    border-right:10px solid  transparent;
    border-left:10px solid  transparent;
    border-bottom: 20px solid  #333;
}
.box-bottom{
    width: 0;
    height: 0;
    border-right:10px solid  transparent;
    border-left:10px solid  transparent;
    border-top: 20px solid  #999;
}
.box-left{
    width: 0;
    height: 0;
    border-bottom:10px solid  transparent;
        border-top:10px solid  transparent;
    border-right: 20px solid  green;
}
.box-rihgt{
    width: 0;
    height: 0;
    border-bottom:10px solid  transparent;
    border-top:10px solid  transparent;
        border-left: 20px solid  red;
}
 

css-利用边框画三角形

原文：https://www.cnblogs.com/guiyuan/p/8480879.html

踩

(0)

评论一句话评论（0）