CSS利用border绘制图性

时间：2019-12-03 01:31:34 阅读：78 评论：0 收藏：0 [点我收藏+]

绘制梯形

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;

原文：https://www.cnblogs.com/planetwithpig/p/11974058.html

踩

(0)

评论一句话评论（0）

分享档案

更多>