CSS3新增了多個(gè)背景屬性,其中一些常用的背景屬性如下:
1. background-size:設(shè)置背景圖片的尺寸大小,可以設(shè)置成具體數(shù)值如px或者是百分比等等。
2. background-clip:指定背景圖片區(qū)域,可選項(xiàng)包括border-box、padding-box和content-box。
3. background-origin:指定背景圖片的起始位置,可選項(xiàng)包括padding-box、border-box和content-box。
4. background-attachment:設(shè)置背景圖片的滾動(dòng)方式,可選項(xiàng)包括scroll、fixed和local。
5. background-image:設(shè)置元素的背景圖片,可以設(shè)置多個(gè)背景圖層,多個(gè)圖層用逗號(hào)分開。
6. background-repeat:設(shè)置背景圖片是否重復(fù),可選項(xiàng)包括repeat、no-repeat、repeat-x和repeat-y。
7. background-position:設(shè)置背景圖片的位置,可選的定位單位有:px、em、百分比等等。
8. background-color:設(shè)置元素的背景顏色。
9. background-attachment:控制背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。
這些新增的背景屬性可以更加豐富和靈活的制作元素的背景效果,并且可以使用CSS3的一些特性比如漸變、細(xì)胞垂直等等來(lái)創(chuàng)建更加獨(dú)特的背景。在實(shí)際開發(fā)中,需要根據(jù)設(shè)計(jì)要求來(lái)選擇合適的背景屬性。