CSS（Cascading Style Sheets）是一种样式表语言，通过控制网页的样式来实现网页美化的效果。在CSS中，可以利用代码画出各种各样的图形，为网页增加更多的视觉效果。

.box {
width: 200px;
height: 100px;
background-color: #ee3e64;
border-radius: 10px;
box-shadow: 2px 2px 5px #333333;
}

上面的代码可以绘制一个圆角矩形，并给它设置了背景颜色、阴影等效果。而CSS支持的画图效果远不止这些，下面我们来介绍一些常用的画图技巧。

1. 绘制三角形

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

这里使用了border的特性来实现了三角形的绘制，其中border-top设置了实心边框颜色，而border-left和border-right则设置了透明边框颜色。

2. 绘制圆形

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ee3e64;
}

使用圆形边框属性（border-radius）可以很方便地绘制出一个圆形。其中，border-radius的百分比值代表圆形的占比，50%代表宽度和高度的一半。

3. 绘制斜线

.line {
width: 100px;
height: 100px;
background-color: #ee3e64;
transform: rotate(45deg);
}

使用transform属性中的rotate()可以实现平面内的旋转，通过设置旋转角度来绘制斜线，这里的45deg代表旋转45度。

以上只是CSS画图的一小部分效果，更多绘图方式需要自己不断实践和尝试，掌握CSS画图技巧可以为网页设计提供更多的可能性。