如何使用 CSS3 和 HTM5 创建具有不规则形状的 div？

使用 CSS3，您始终可以创建矩形、三角形等形状。

让我们来看看做法 −

以下为矩形 −

#shape1 {
   width: 300px;
   height: 150px;
   background: blue;
}

以下为三角形 −

#shape2 {
   width: 0;
   height: 0;
   border-left: 200px solid transparent;
   border-bottom: 200px solid blue;
}

karthikeya Boyini

更新于： 2020 年 6 月 25 日

487 次浏览

开启你的 职业生涯

完成课程以获得认证

开始