在CSS中,可以使用background-color
屬性給文字添加背景色,如果你想將一段文字的背景色設(shè)置為紅色,你可以這樣寫:
p { background-color: red; }
這段CSS代碼會將所有<p>
元素(即段落)的背景色設(shè)置為紅色,如果你只想給特定的文字添加背景色,你可以給那段文字添加一個類名或者ID,然后在CSS中定位到那個類名或ID。
<p class="highlight">這是一段需要添加背景色的文字。</p>
.highlight { background-color: yellow; }
這段CSS代碼只會將類名為highlight
的元素(即那段需要添加背景色的文字)的背景色設(shè)置為黃色,注意,background-color
屬性會填充元素的整個背景,包括文字,如果你只想給文字添加背景色,不想填充整個元素的背景,你可以使用color
屬性將文字顏色設(shè)置為與背景色相同的顏色,或者使用text-fill
屬性(如果瀏覽器支持的話),這種方法并不總是有效,因為不是所有瀏覽器都支持text-fill
屬性,***好還是直接使用background-color
屬性,或者考慮使用其他方法來實現(xiàn)只給文字添加背景色的效果。