## 创建矩形
使用CSS，大家可以使用矩形形状和样式来创建矩形。矩形可以通过CSS的`border`属性和`width`和`height`属性来创建。下面是一个创建矩形的示例：
“`html
<div>
这是一个矩形。
</div>
在上面的代码中，大家使用了`border`属性来创建红色边框，并设置了宽度和高度。
## 使用CSS的`box-shadow`属性
除了`border`属性外，大家还可以使用CSS的`box-shadow`属性来创建阴影效果。使用`box-shadow`属性，大家可以在矩形周围添加阴影，如下所示：
“`html
<div>
这是一个矩形。
</div>
在上面的代码中，大家使用了`box-shadow`属性，设置了0px 0px 10px rgba(0,0,0,0.3)的阴影效果，这个值可以控制阴影的颜色和大小。
## 使用CSS的`transform`属性
除了阴影效果外，大家还可以使用CSS的`transform`属性来旋转和缩放矩形。使用`transform`属性，大家可以设置矩形的大小和位置。以下是一个旋转矩形的示例：
“`html
<div>
这是一个矩形。
</div>
在上面的代码中，大家使用了`transform`属性，设置了45deg的旋转角度，并使用`rotate`关键字设置了旋转方式。
## 总结
通过上述教程，大家可以看到使用CSS可以创建多种类型的矩形，包括圆形、椭圆形、直角形等。同时，大家还可以使用CSS的`box-shadow`属性和`transform`属性来创建阴影效果和旋转和缩放矩形。