首页 > 其他分享> > CSS利用border绘制图性

CSS利用border绘制图性

2019-12-02 23:53:01 作者：互联网

绘制梯形

width:10px;
border-top:10px solid red;
border-right:10px solid transparent;
border-left:10px solid transparent;
border-bottom:10px solid transparent;

绘制三角形：

width:0px;
border-top:10px solid red;
border-right:10px solid transparent;
border-left:10px solid transparent;
border-bottom:10px solid transparent;

绘制直角三角形：

width:0px;
border-top:20px solid red;
border-right:0px solid transparent;
border-left:10px solid transparent;
border-bottom:10px solid transparent;

标签：right,绘制图,solid,top,10px,border,transparent,CSS
来源： https://www.cnblogs.com/planetwithpig/p/11974058.html