在CSS中,我們可以使用background-color
屬性來改變HTML元素(如h1)的背景色,以下是一些示例代碼,展示如何改變h1元素的背景色:
示例1:改變h1元素的背景色為紅色
<!DOCTYPE html> <html> <head> <style> h1 { background-color: red; } </style> </head> <body> <h1>這是一個h1元素,背景色為紅色</h1> </body> </html>
示例2:改變h1元素的背景色為藍(lán)色
<!DOCTYPE html> <html> <head> <style> h1 { background-color: blue; } </style> </head> <body> <h1>這是一個h1元素,背景色為藍(lán)色</h1> </body> </html>
示例3:改變h1元素的背景色為黃色
<!DOCTYPE html> <html> <head> <style> h1 { background-color: yellow; } </style> </head> <body> <h1>這是一個h1元素,背景色為黃色</h1> </body> </html>
示例4:改變h1元素的背景色為綠色
<!DOCTYPE html> <html> <head> <style> h1 { background-color: green; } </style> </head> <body> <h1>這是一個h1元素,背景色為綠色</h1> </body> </html>
示例5:改變h1元素的背景色為紫色
<!DOCTYPE html> <html> <head> <style> h1 { background-color: purple; } </style> </head> <body> <h1>這是一個h1元素,背景色為紫色</h1> </body> </html>
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。