在CSS中,可以使用`list-style-type`屬性來在文字前添加小方塊,這個屬性通常用于控制列表項(如`ul`或`ol`元素)的樣式,以下是一個示例,展示如何在文字前添加一個小方塊:
```html
- 這是一個列表項,它前面有一個小方塊
- 這是另一個列表項,它前面也有一個小方塊
```
在這個示例中,`ul`元素中的每個`li`項都會在其前面顯示一個小方塊,`list-style-type: square;`屬性指定了列表項前面的樣式為方塊,這種方法不僅適用于`ul`元素,也可以用于`ol`元素來創(chuàng)建帶編號的列表,其中每個編號前有一個小方塊。
如果你想要在一段文本中而不是列表中使用小方塊,你可以使用CSS的`text-decoration`屬性來添加裝飾性的方塊。
```html
```
在這個示例中,兩個`div`元素都應(yīng)用了`square-text`類,這個類將文本裝飾為小方塊,這種方法可以用于任何元素,不僅僅是列表項。