CSS字體填充顏色是指為文字添加一個(gè)顏色的背景填充,使文字與背景形成對(duì)比,以達(dá)到更好的視覺(jué)效果。該屬性可以應(yīng)用于單個(gè)字符、單個(gè)單詞、一行文字甚至整個(gè)段落。
/* 為文字添加填充顏色 */ p { background-color: #ffcc00; color: #000; padding: 5px; }
上面的代碼為一個(gè)段落中的文字添加了填充顏色,背景色為黃色、文字色為黑色、填充區(qū)域?yàn)槲淖种車舫?5 像素的間距。你也可以通過(guò)設(shè)置 padding 值來(lái)調(diào)整填充的大小。
此外,你還可以利用偽元素為文字添加填充顏色。比如:
/* 為一行文字添加下劃線填充 */ p::before { content: ""; display: block; height: 1px; background-color: #000; margin-bottom: 5px; }
以上代碼使用 ::before 偽元素為一行文字添加了一個(gè)黑色的下劃線填充,帶有一定的間距。同樣地,你也可以使用 ::after 偽元素為文字添加填充。不同的樣式效果需要根據(jù)具體情況選擇。