CSS中可以使用color
屬性給字體添加顏色,但需要注意的是,這個(gè)屬性只會(huì)改變字體本身的顏色,而不會(huì)改變字體背景的顏色,如果你想給字體背景添加顏色,可以使用background-color
屬性。
如果你想要一個(gè)紅色的字體背景,可以這樣寫:
.font-background { background-color: red; }
將你想要添加背景的字體包裹在一個(gè)擁有這個(gè)類名的元素中:
<span class="font-background">這是帶有紅色背景的字體</span>
這樣,這段文字就會(huì)有一個(gè)紅色的背景,你可以將red
替換成任何你想要的顏色,比如blue
、green
等,如果你想要使用更豐富的顏色,可以使用十六進(jìn)制顏色值或者RGB顏色值。
如果你想要一個(gè)帶有漸變的字體背景,可以使用linear-gradient
函數(shù):
.font-background { background: linear-gradient(to right, red, orange, yellow, green, blue, purple); }
這樣,字體背景就會(huì)從紅色漸變到紫色,你可以調(diào)整漸變的顏色和角度,以達(dá)到你想要的效果。