CSS的背景整鋪是指將背景圖像鋪滿整個元素,無論元素的尺寸如何。實現的方式主要有以下兩種:
1. 使用background-size屬性設置背景圖像的尺寸自適應元素的尺寸。
.box { background-image: url('example.jpg'); background-size: cover; }
2. 使用background-repeat屬性將背景圖像沿著水平和垂直方向平鋪。
.box { background-image: url('example.jpg'); background-repeat: repeat; }
需要注意的是,如果使用background-repeat屬性進行整鋪,則背景圖像必須擁有無限的寬度和高度,否則會出現圖像重復的情況。此外,如果背景圖像和元素的長寬比例不同,可能會出現圖像被拉伸或被壓縮的情況。