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

CSS中怎么在文字前加小方块？CSS中有一个属性叫做“liststyletype”，它可以用来设置列表项的标记类型。其中，有一个特殊的标记类型叫做“square”，它就是小方块的形状。我们可以用它来为...

CSS中怎么在文字前加小方块？
CSS中有一个属性叫做“list-style-type”，它可以用来设置列表项的标记类型。其中，有一个特殊的标记类型叫做“square”，它就是小方块的形状。我们可以用它来为文本添加小方块标记。
在使用“list-style-type”设置小方块标记之前，我们需要先为段落（即文本）添加一个列表样式。这可以通过给段落的包裹元素（比如“div”或“section”）设置“list-style”属性来实现。下面是一段示例代码：

<div style="list-style: square;">
  <p>这是一个段落。</p>
  <p>这是另一个段落。</p>
</div> 

这段代码会为两个段落添加小方块标记。我们可以在样式表中单独设置“list-style-type”属性，来为所有文本添加小方块标记：

div {
  list-style-type: square;
} 

这段代码将会为包含在“div”元素中的所有文本添加小方块标记。
需要注意的是，小方块标记只在“ul”和“ol”列表中才是常用的，而在普通文本中使用则比较罕见。当我们在普通文本中使用小方块标记时，要注意控制标记与文本之间的间距，以便保持整洁美观的排版效果。