/*用CSS生成一个矩形*/
.rectangle {
width: 200px; /*宽度*/
height: 100px; /*高度*/
background-color: red; /*背景颜色*/
border: 2px solid black; /*边框*/
margin: 20px; /*外边距*/
padding: 20px; /*内边距*/
}上述代码中，大家使用CSS来创建了一个宽度为200px，高度为100px的矩形。除了长与宽外，矩形还有以下属性：
1. 背景颜色（background-color）：矩形可以使用不同颜色的背景，使页面更加丰富多彩。
2. 边框（border）：矩形可以有不同宽度、颜色和样式的边框，可以让页面更加美观。
3. 外边距（margin）：矩形的外边距指的是矩形与其他元素之间的距离，可以用来控制页面布局。
4. 内边距（padding）：矩形的内边距指的是矩形边框与内容之间的空白区域，可以用来控制文本与边框之间的距离。
总之，CSS中矩形有许多属性可以控制，大家可以根据自己的需要来自由搭配，打造出完美的页面效果。