.rectangle { width: 200px; height: 100px; background-color: blue; border: 2px solid black; border-radius: 10px; }
上面的代码定义了一个矩形的样式。大家需要为矩形定义宽度、高度和背景颜色。同时,大家还设置了一个2px的黑色边框和10px的边框圆角。
为了在HTML中使用这个样式,大家需要给矩形的标签添加一个class属性,然后设置class属性的值为“rectangle”。如下所示:
上面的代码定义了一个具有“rectangle”样式的矩形。如果您想要更改矩形的大小或颜色,只需要更改CSS中的相应属性即可。
总之,使用CSS可以使大家的网页变得更加生动、美观,从而为用户带来更好的浏览体验。如果您想要进一步了解CSS的使用方法或者更多的样式,可以参考W3C的官方文档。