如何利用 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 次浏览

开启您的职业生涯之路

完成课程获得认证

开始