在CSS中，我們可以使用偽元素來給文本添加一些特殊的效果。其中，我們可以使用:before偽元素來讓文本前面添加色塊。 首先，我們需要創建一個p標簽，并添加一些文本內容。然后，我們需要使用CSS來給這個p標簽添加:before偽元素，并給這個偽元素設置一些樣式屬性。下面是一個例子：

p:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
background-color: #ff0000;
}

在上面的例子中，我們創建了一個:before偽元素，并使用content屬性將其內容設置為空字符串。接著，我們使用display屬性將其設置為inline-block，這樣它就可以和文本一起排列在同一行中。同時，我們使用width和height屬性設置了色塊的寬度和高度，并使用margin-right屬性將其與文本之間的間距設置為10像素。最后，我們使用background-color屬性將色塊的背景色設置為紅色。 通過這樣的設置，我們就可以很容易地實現在文本前面添加色塊的效果了。需要注意的是，在設置:before偽元素樣式屬性的時候，我們需要使用p:before來表示“在p標簽前面添加偽元素”的意思。