在前端開(kāi)發(fā)中，常常需要對(duì)網(wǎng)頁(yè)中的文本進(jìn)行樣式調(diào)整。其中一個(gè)常見(jiàn)的需求就是為段落開(kāi)頭添加一個(gè)方塊，以增加段落的美觀度和可讀性。

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

以上代碼使用了CSS偽元素選擇器::before，它能在每個(gè)p標(biāo)簽的內(nèi)容前添加一個(gè)新的元素。其中的content屬性設(shè)置為空，因?yàn)槲覀冎恍杼砑右粋€(gè)空元素來(lái)表示方塊。display屬性設(shè)置為inline-block，使它可以在文本中間插入內(nèi)容。width和height屬性分別設(shè)置為10px，表示方塊的寬度和高度。margin-right屬性設(shè)置為5px，與文本之間留下一定空隙。最后，background-color屬性設(shè)置為灰色，使方塊看起來(lái)更加明顯。

在使用該代碼時(shí)，可以根據(jù)實(shí)際需要調(diào)整方塊的大小、顏色和與文本之間的間隙等樣式屬性。另外，需要注意的是，該代碼只對(duì)p標(biāo)簽起作用，若需要在其他標(biāo)簽中使用，需要另行設(shè)置樣式。

總之，通過(guò)使用CSS偽元素選擇器，我們可以輕松地為段落開(kāi)頭添加一個(gè)方塊，為網(wǎng)頁(yè)增加美觀度和可讀性。