CSS中可以使用background-color
屬性給文字添加背景顏色,以下是一個簡單的例子:
<!DOCTYPE html> <html> <head> <style> p { background-color: #ff0000; color: #000000; } </style> </head> <body> <p>這是一段帶有背景色的文字。</p> </body> </html>
在這個例子中,我們給段落p
添加了背景顏色#ff0000
,同時設置了文字顏色#000000
,這樣,段落中的文字就會顯示為紅色背景上的黑色文字。
需要注意的是,background-color
屬性會填充元素的所有背景,包括邊框內部,如果只想給文字添加背景,而不影響其他元素,可以使用background
屬性并指定一個具體的位置:
<!DOCTYPE html> <html> <head> <style> p { background: #ff0000 url('image.png') no-repeat right top; color: #000000; } </style> </head> <body> <p>這是一段帶有背景色的文字。</p> </body> </html>
在這個例子中,我們給段落p
添加了背景顏色和背景圖片,并且指定了背景圖片的位置,這樣,段落中的文字就會顯示為帶有背景顏色的圖片上的黑色文字。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。