[分享]css中如何添加一个矩形

想要在CSS中添加一个矩形，我们可以使用“div”标签或者“span”标签，然后通过CSS来设置它的样式。首先，我们需要新建一个HTML文件，在里面新建一个“div”标签或者“span”标签，例如： ...

想要在CSS中添加一个矩形，我们可以使用“div”标签或者“span”标签，然后通过CSS来设置它的样式。

首先，我们需要新建一个HTML文件，在里面新建一个“div”标签或者“span”标签，例如：

 <div></div> 或者 <span></span> 

接着，在CSS中设置这个标签的样式，例如，把它设置为100px长，50px高，背景颜色为红色：

 div, span {
        width: 100px;
        height: 50px;
        background-color: red;
    } 

最后，我们就可以看到一个红色的长方形了。你可以修改样式来实现不同的效果，例如给长方形设置边框，让它变成一个有边框的矩形，代码如下：

 div, span {
        width: 100px;
        height: 50px;
        background-color: red;
        border: 2px solid black;
    } 

这时候，我们就得到了一个有边框的红色长方形了，你可以根据自己的需要调整样式来实现更多的效果。