[分享]css中实心矩形怎么表示

CSS中，我们可以使用矩形来美化我们的网页，包括空心矩形和实心矩形。那么在CSS中，如何表示实心矩形呢？.rectangle{ width: 200px; //矩形宽度 height: 100px; ...

CSS中，我们可以使用矩形来美化我们的网页，包括空心矩形和实心矩形。那么在CSS中，如何表示实心矩形呢？

.rectangle{
    width: 200px;  //矩形宽度
    height: 100px;  //矩形高度
    background-color: #000000;  //矩形背景颜色
    border: 1px solid #000000;  //矩形边框样式
} 

通过上面这段CSS代码，我们可以定义一个宽度为200像素，高度为100像素的实心黑色矩形。其中最重要的是background-color属性，它定义了矩形的背景颜色。同时，我们也定义了矩形的边框样式，通过border属性来完成。

此外，我们还可以通过border-radius属性来定义矩形的圆角效果：

.rectangle{
    width: 200px;  //矩形宽度
    height: 100px;  //矩形高度
    background-color: #000000;  //矩形背景颜色
    border: 1px solid #000000;  //矩形边框样式
    border-radius: 10px;  //矩形圆角半径
} 

通过添加border-radius属性，我们可以让矩形的边角处变得更加柔和。

总之，在CSS中，使用一个简单的div元素即可轻松地创建一个实心矩形。我们只需要添加必要的CSS属性即可实现我们想要的效果。