在CSS中,為了讓背景圖片鋪滿整個頁面或容器,我們可以使用background-size屬性。
background-size: cover;
以上代碼將會拉伸背景圖片以覆蓋整個容器或頁面,但是會保持圖片原始比例,可能導致圖片的某些部分被裁剪。
如果我們想要讓背景圖片顯示全部內容,可以使用以下代碼:
background-size: contain;
使用以上代碼會使得整個背景圖片顯示在容器或頁面內,但是有可能會留下空白部分背景。
我們也可以使用background-size屬性設置寬度和高度:
background-size: 100% 100%;
以上代碼將背景圖片都拉伸至與容器或頁面寬度和高度相同。如果我們只想拉伸其中一個方向,可以將另一個方向的值設置為“auto”:
background-size: auto 100%;
background-size: 100% auto;
以上代碼將只會拉伸圖片的寬度或高度。