如何使用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中文網其他相關文章!