CSS3 Background是用來設(shè)置元素背景的CSS屬性。CSS3 Background的簡寫屬性可以讓我們更方便快捷地設(shè)置元素的背景樣式。下面是CSS3 Background簡寫屬性:
background: [color] [image] [repeat] [attachment] [position];
其中各屬性含義如下:
- color:用于設(shè)置背景顏色,可使用關(guān)鍵字、十六進(jìn)制值或者rgb/rgba值。
- image:用于設(shè)置背景圖片的URL地址。
- repeat:用于設(shè)置背景圖片的平鋪方式,可取值為no-repeat、repeat-x、repeat-y或者repeat。
- attachment:用于設(shè)置背景圖片是否固定在視窗中,可取值為fixed或者scroll。
- position:用于設(shè)置背景圖片的位置,可使用關(guān)鍵字、百分比或者像素值來設(shè)置。
需要注意的是,CSS3 Background簡寫屬性的順序可以任意,但是建議按照上面的順序來書寫,這樣更清晰易讀。
總的來說,CSS3 Background的簡寫屬性讓設(shè)置元素背景更加方便快捷,同時(shí)減少了代碼量。使用時(shí)需要注意各個(gè)屬性的取值及其順序。