css-利用边框画三角形

发布时间：2023-09-06 01:43责任编辑：胡小海关键词：暂无标签

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

css-利用边框画三角形

知识推荐