CSS背景圖的寬度和高度可以通過設(shè)置相應(yīng)的屬性值來進行控制。
/* 設(shè)置背景圖的寬度和高度 */ background-size: 寬度值 高度值;
其中,寬度值和高度值可以是以下屬性值之一:
/* 按照背景圖的實際大小進行顯示 */ background-size: auto; /* 將背景圖的寬度和高度都設(shè)置為100% */ background-size: 100%; /* 將背景圖的寬度設(shè)置為100%,高度按照寬度的比例自動縮放 */ background-size: 100% auto; /* 將背景圖的高度設(shè)置為100%,寬度按照高度的比例自動縮放 */ background-size: auto 100%; /* 將背景圖的寬度和高度都按照指定的數(shù)值進行縮放 */ background-size: 寬度值 高度值;
需要注意的是,如果背景圖的寬度和高度與父容器的寬度和高度不匹配,那么背景圖將被裁剪或者拉伸,影響效果。因此,需要在控制背景圖的寬度和高度時,考慮父容器的大小和比例,以達到最優(yōu)效果。