在網頁設計中，可以使用CSS為文字下面添加色塊，以突出重點或增加視覺效果。下面就讓我們來學習一下如何實現這一效果吧。 首先，在HTML中添加需要加色塊的文字和相應的樣式。在p標簽中，我們可以使用span標簽選擇需要添加色塊的文字，并使用CSS的background-color屬性為其添加背景色塊。具體代碼如下：

<style>
span {
background-color: yellow; /* 背景色塊顏色 */
}
</style>
<p>
這是一段需要文字下面加色塊的文字，這里的文字將會被添加黃色背景。其他的文字將不受影響。
</p>

以上代碼將會為span標簽內的文字添加黃色背景色塊。 除了上述方法以外，我們還可以使用CSS的::after偽元素為文字添加色塊。這種方法的好處在于可以為任意元素添加色塊，比如a標簽、button標簽等。需要注意的是，使用偽元素添加的色塊默認是在文字下面的，因此不需要再次設置相應的位置。代碼如下：

<style>
a::after {
content: ""; /* 設置偽元素的內容為空 */
display: block; /* 將偽元素變為塊級元素 */
height: 5px; /* 色塊高度 */
background-color: red; /* 背景色塊顏色 */
}
</style>
<a href="#">text</a>

以上代碼將會為a標簽添加一個紅色的下劃線。 總的來說，使用CSS實現文字下面的色塊其實并不難，只需要根據具體情況分別使用span標簽或偽元素就可以輕松實現了。