CSS3中有一個(gè)簡便的方式來縮寫多個(gè)背景屬性,稱為背景屬性縮寫(Background Shorthand),使用background屬性來同時(shí)設(shè)置背景圖像、顏色、定位、重復(fù)等屬性。其語法如下:
background: background-image background-position background-size background-repeat background-attachment background-color;
其中,各個(gè)屬性的含義如下:
background-image:設(shè)置背景圖像的URL。
background-position:設(shè)置背景圖像的位置。
background-size:設(shè)置背景圖像的尺寸。
background-repeat:設(shè)置背景圖像的重復(fù)方式。
background-attachment:設(shè)置背景圖像的滾動(dòng)方式。
background-color:設(shè)置背景顏色。
這些屬性可以根據(jù)需要進(jìn)行組合,使用背景屬性縮寫可以簡化代碼,提高效率。例如:
/* 設(shè)置背景圖像、重復(fù)方式和顏色 */
background: url('image.jpg') repeat-x #f00;
/* 設(shè)置背景圖像、位置和尺寸 */
background: url('image.jpg') top left/cover;