CSS提供了幾種方式讓我們可以將文字變成背景，這樣可以起到一種裝飾性的作用，本文將介紹一個簡單的方法，使用偽元素來實現。

.text-bg {
position: relative;
z-index: 1; /* 保證文字在背景上方 */
}
.text-bg::before {
content: attr(data-text); /* 將內容設置為data-text文本 */
position: absolute;
top: 0;
left: 0;
z-index: -1; /* 將偽元素置于文本下方 */
background-color: #fff; /* 設置背景色 */
padding: 2px 4px; /* 設置內邊距 */
}

在HTML中，我們需要為需要添加背景的文本元素添加class，代碼如下：

<p class="text-bg" data-text="這是一段有背景的文字">這是一段有背景的文字</p>

通過設置data-text屬性，可以方便地控制背景中的文本內容，這個方法雖然簡單，但效果十分不錯。