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