這篇文章主要介紹css怎么改變背景圖片大小，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站專業(yè)成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)，集網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作于一體，網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營(yíng)銷、軟文推廣等專業(yè)人才根據(jù)搜索規(guī)律編程設(shè)計(jì)，讓網(wǎng)站在運(yùn)行后，在搜索中有好的表現(xiàn)，專業(yè)設(shè)計(jì)制作為您帶來(lái)效益的網(wǎng)站！讓網(wǎng)站建設(shè)為您創(chuàng)造效益。

在css中，可以使用background-size屬性來(lái)改變背景圖片大小，該屬性的作用就是指定背景圖片大小，可通過(guò)將屬性值設(shè)置為長(zhǎng)度值或百分比來(lái)改變圖片大小，或者通過(guò)將屬性值設(shè)置為cover和contain關(guān)鍵字來(lái)對(duì)圖片進(jìn)行伸縮處理。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在CSS中，想要改變背景圖片的大小，可以通過(guò)設(shè)置background-size屬性來(lái)實(shí)現(xiàn)。

background-size屬性可以指定背景圖片大小。語(yǔ)法格式：

background-size: length|percentage|cover|contain;

• length    設(shè)置背景圖片高度和寬度。第一個(gè)值設(shè)置寬度，第二個(gè)值設(shè)置的高度。如果只給出一個(gè)值，第二個(gè)是設(shè)置為 auto(自動(dòng))

• percentage    將計(jì)算相對(duì)于背景定位區(qū)域的百分比。第一個(gè)值設(shè)置寬度，第二個(gè)值設(shè)置的高度。如果只給出一個(gè)值，第二個(gè)是設(shè)置為"auto(自動(dòng))"

• cover    此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。

• contain    此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小。

background-size屬性可通過(guò)長(zhǎng)度值或百分比來(lái)設(shè)置圖片大小，或者通過(guò)cover和contain來(lái)對(duì)圖片進(jìn)行伸縮設(shè)置。

示例：

	
		
		
	

	
		
原始背景圖片大小