CSS中可以通過(guò)background屬性來(lái)控制元素的背景顏色和背景圖像,其語(yǔ)法如下:
background: color image position / size repeat attachment initial|inherit;
其中,color是指元素的背景顏色,可以使用顏色值、RGB值、十六進(jìn)制值等方式來(lái)指定;image是指元素的背景圖像,可以使用 URL() 函數(shù)來(lái)引入外部圖像;position是指元素的背景圖像的初始位置,可以使用關(guān)鍵字(如top、bottom、left、right、center)或精確的像素值來(lái)指定;size是指元素的背景圖像的尺寸,可以使用關(guān)鍵字(如auto、contain、cover)或像素值來(lái)指定;repeat是指元素的背景圖像的重復(fù)方式,可以使用關(guān)鍵字(如repeat、repeat-x、repeat-y、no-repeat)來(lái)指定;attachment是指元素的背景圖像的滾動(dòng)方式,可以使用關(guān)鍵字(如scroll、fixed、local)來(lái)指定。initial和inherit是指該屬性的初始值或繼承自父元素的值。
div {
background: #3b5998 url(background.jpg) no-repeat center center/cover;
}
其中,#3b5998 是元素的背景顏色,URL(background.jpg) 引入了外部背景圖像,并且設(shè)置了該圖像在元素中間居中顯示并覆蓋整個(gè)元素。