在Web开发中，使用CSS来设计网站的外观已经是一种非常普遍的事情了。不仅可以实现页面布局，还能实现一些非常炫酷的效果，比如通过纯CSS来绘制图形。

.box{
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}

在上面的代码中，我们通过设置元素的宽度、高度、背景色和圆角半径等属性，就可以轻松地绘制一个红色的圆形。这说明CSS不仅可以控制页面的布局，还可以通过设置元素的外观属性来绘制各种图形。

除了圆形之外，CSS还可以绘制三角形、梯形、圆角矩形等复杂的图形。下面是一个通过CSS绘制梯形的例子：

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

在上面的代码中，我们通过设置元素的边框宽度和颜色，以及高度和宽度等属性，就可以绘制一个梯形。这个例子展示了CSS灵活的样式设置能力，可以实现很多精美的效果。

总的来说，CSS是一种非常强大的工具，可以实现很多不同的效果。如果你能够熟练掌握CSS的样式设置技巧，就能够轻松地实现各种想要的布局和图形效果。