css 前面加正方形实心

CSS是页面样式的重要组成部分，常常用来美化网页。其中，加正方形实心的样式是一种经常使用的形式。下面我们来了解一些关于这种样式的知识。

.square {
  width: 20px;
  height: 20px;
  background-color: #000;
}

上面的代码是我们用来实现正方形实心效果的样式。我们在CSS中定义了一个名为square的class，然后对它进行属性设置。具体来说，width和height分别设置正方形的宽高，background-color用来设置背景颜色。

下面我们来看一下如何在HTML中使用这个样式。

我们在HTML中先定义了一个空的div元素，然后给它添加了square类名，这样这个div元素就会应用我们刚刚在CSS中定义的样式了。在浏览器中打开网页后，就会看到一个黑色的正方形。

需要注意的是，我们也可以在CSS中直接对标签进行样式设置，而不是给它添加类名。比如，如果我们想让所有的p标签都变成正方形实心，可以这样写：

p {
  width: 20px;
  height: 20px;
  background-color: #000;
}

这样所有的p标签就会变成黑色的正方形。

总而言之，加正方形实心是一种常用的CSS样式，它可以用来美化页面，增强视觉效果。我们可以通过在CSS中设置宽、高和背景颜色来实现这种效果。