如何使用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;
}