CSS可以非常方便地制作各種形狀，下面介紹幾種方法。

1. 圓形

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}

2. 正方形

.square {
width: 100px;
height: 100px;
}

3. 矩形

.rectangle {
width: 200px;
height: 100px;
}

4. 三角形

.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
}

5. 梯形

.trapezoid {
border-bottom: 100px solid #f00;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0;
width: 100px;
}

6. 橢圓形

.ellipse {
width: 200px;
height: 100px;
border-radius: 50% / 50%;
}

7. 弧形

.arc {
width: 100px;
height: 200px;
border-radius: 50% / 100%;
}

8. 多邊形

.polygon {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
border-left: 50px solid #f00;
border-bottom: 50px solid #f00;
}

以上是一些基本形狀的制作方法，可以通過調整屬性來實現更多的效果。