在CSS中,可以使用background
屬性來定義元素的背景。background
屬性是一個復(fù)合屬性,可以設(shè)置背景顏色、背景圖片、背景重復(fù)方式等。
要設(shè)置背景顏色,可以使用background-color
屬性,并指定顏色值,要將背景顏色設(shè)置為紅色,可以編寫如下代碼:
body { background-color: red; }
要設(shè)置背景圖片,可以使用background-image
屬性,并指定圖片路徑,要將背景圖片設(shè)置為image.jpg
,可以編寫如下代碼:
body { background-image: url('image.jpg'); }
要注意,如果圖片路徑是相對于當(dāng)前CSS文件的路徑,則可以使用相對路徑來指定圖片路徑,如果圖片路徑是***的,則可以使用***路徑來指定圖片路徑。
background
屬性還可以設(shè)置背景重復(fù)方式、背景位置等,要將背景圖片在水平和垂直方向上重復(fù),可以編寫如下代碼:
body { background: url('image.jpg') repeat; }
要將背景圖片在水平方向上重復(fù),可以編寫如下代碼:
body { background: url('image.jpg') repeat-x; }
要將背景圖片在垂直方向上重復(fù),可以編寫如下代碼:
body { background: url('image.jpg') repeat-y; }
要注意,如果背景圖片不需要重復(fù),則可以將repeat
關(guān)鍵字省略,還可以設(shè)置background-position
屬性來指定背景圖片的位置。