css中設置背景圖片的大小的方法:可以利用background-size屬性來進行設置,如【background-size:80px 60px;】。background-size屬性可以指定背景圖片的寬度和高度。
環(huán)境:
本文適用于所有品牌的電腦。
(推薦教程:css視頻教程)
屬性介紹:
background-size屬性指定背景圖片大小。
語法:
background-size: length|percentage|cover|contain;屬性值:
length 設置背景圖片高度和寬度。第一個值設置寬度,第二個值設置的高度。如果只給出一個值,第二個是設置為 auto(自動)
percentage 將計算相對于背景定位區(qū)域的百分比。第一個值設置寬度,第二個值設置的高度。如果只給出一個值,第二個是設置為"auto(自動)"
cover 此時會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。
contain 此時會保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小。
舉例:
控制背景圖片的大小
div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;}相關(guān)推薦:css教程