如何使用 CSS 僅為文字添加背景顏色？

如何使用CSS 設定文字寬度的背景顏色

在您的任務中僅在文字而不是文字後面建立綠色背景整個頁面寬度，您面臨挑戰。以下是如何在尊重您提到的約束的同時應對這種情況：

解決方案：將文字封裝在內聯元素中

由於您無法修改HTML，因此請將文字換行在內聯元素中，例如。

<h1><span>The Last Will and Testament of Eric Jones</span></h1>

現在，您可以將背景顏色應用於內聯元素：

h1 {
    text-align: center; 
}
h1 span { 
    background-color: green; 
}

原理：

內聯元素縮小以適應其內容，確保背景顏色與元素完美對齊文字寬度。此技術可讓您專門為文字創建背景效果，而不影響周圍的元素。

以上是如何使用 CSS 僅為文字添加背景顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！