[分享]css中怎么在文字前加方形

在CSS中，我们可以使用伪元素before来给文字前面加上一个方形。
首先，在CSS中添加如下代码：
pre {
font-family: monospace;
font-size: 16px;
background-color: #f7f7f7;
padding: 5px;
border: 1px solid #ccc;
}
p::before {
content: "25A0";
font-size: 18px;
margin-right: 5px;
}
上述代码中，我们设置了pre标签的一些样式，包括字体、字号、背景颜色、内边距和边框。这里我们可以根据需求进行调整。
接着，我们使用伪元素before来在p标签前加上一个方形。在content属性中使用Unicode字符编码"25A0"来表示方形。通过设置font-size和margin-right属性，我们可以调整方形的大小和与文字的距离。
最后，我们可以在HTML中使用p标签来添加文本，并看到每段文本前都有一个方形，如下所示：

<p>这是第一段文字。</p>
<p>这是第二段文字。</p>
<p>这是第三段文字。</p> 

效果如下图所示：
这样，我们就可以通过CSS很容易地在文字前加上方形了。