CSS中的背景復(fù)合屬性是一種方便設(shè)置網(wǎng)頁背景樣式的方式,其中各個(gè)屬性通過逗號隔開。下面我們來分別介紹這些屬性:
background-color: #fff; /*設(shè)置背景顏色為白色 */ background-image: url(image.jpg); /*設(shè)置背景圖片 */ background-repeat: no-repeat; /*設(shè)置背景圖片不重復(fù) */ background-position: center center; /*設(shè)置背景圖片居中 */ background-attachment: fixed; /*設(shè)置背景圖片固定不滾動(dòng) */ background-size: cover; /*設(shè)置背景圖片填充整個(gè)屏幕 */
background-color屬性設(shè)置網(wǎng)頁背景顏色,值可以是顏色名稱、十六進(jìn)制值或RGB值。
background-image屬性設(shè)置網(wǎng)頁背景圖片,值可以是圖片的URL地址。
background-repeat屬性控制如何顯示網(wǎng)頁背景圖片,有四個(gè)值:repeat(水平和垂直方向都重復(fù))、repeat-x(只在水平方向重復(fù))、repeat-y(只在垂直方向重復(fù))、no-repeat(不重復(fù))。
background-position屬性控制網(wǎng)頁背景圖片的位置,屬性值可以是關(guān)鍵字(如center)、百分比、長度值或者兩者混合。
background-attachment屬性控制網(wǎng)頁背景圖片是否隨頁面滾動(dòng)而滾動(dòng),有兩個(gè)值:scroll(跟隨滾動(dòng))和fixed(固定不動(dòng))。
background-size屬性控制網(wǎng)頁背景圖片的大小,有多種屬性值可選,如cover(填充整個(gè)屏幕)和contain(完全包含在背景中),還可以設(shè)置具體的像素大小。