CSS3中,可以使用以下方式設(shè)置背景圖的寬高:
1、使用width
和height
屬性:在CSS中,可以使用width
和height
屬性來設(shè)置元素的寬度和高度,包括背景圖,要將背景圖的寬度設(shè)置為300像素,高度設(shè)置為200像素,可以使用以下代碼:
div { width: 300px; height: 200px; background-image: url('image.jpg'); }
2、使用background-size
屬性:CSS3中新增了background-size
屬性,用于設(shè)置背景圖的大小,該屬性可以接受兩個值,分別代表寬度和高度,要將背景圖的寬度設(shè)置為300像素,高度設(shè)置為200像素,可以使用以下代碼:
div { background-image: url('image.jpg'); background-size: 300px 200px; }
需要注意的是,如果僅設(shè)置了一個值,則另一個值將自動保持原始大小,僅設(shè)置寬度為300像素,高度將保持原始大?。?/p>
div { background-image: url('image.jpg'); background-size: 300px; }
3、使用max-width
和max-height
屬性:與width
和height
屬性類似,max-width
和max-height
屬性也可以設(shè)置元素的***大寬度和***大高度,它們不會改變元素的原始大小,而是在需要時擴(kuò)展元素的大小以適應(yīng)背景圖,要將背景圖的寬度設(shè)置為***大300像素,高度設(shè)置為***大200像素,可以使用以下代碼:
div { max-width: 300px; max-height: 200px; background-image: url('image.jpg'); }
是CSS3中設(shè)置背景圖寬高的三種方式,可以根據(jù)具體的需求選擇適合的方式。