天天看點

html調整背景頁面的大小,css如何設定背景圖檔大小

html調整背景頁面的大小,css如何設定背景圖檔大小

css如何設定背景圖檔大小

在css中控制插入背景圖檔的大小用background-size屬性。

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

length用法:

(相關課程推薦:css視訊教程)background-size:100px; //背景圖檔顯示的寬和高為100像素

background-size:100px 160px;//背景圖檔顯示的寬為100像素,高為600像素

percentage用法:background-size:60%; //背景圖檔的顯示寬度和高度是圖檔大小60%;

background-size:60% 80%; // 背景圖檔的顯示寬度是圖檔大小的60%,高度是80%;

cover用法:background-size:cover;// 把背景圖像擴充至足夠大,以使背景圖像完全覆寫背景區域。

// 背景圖像的某些部分也許無法顯示在背景定位區域中。

contain用法:background-size:contain; //把圖像圖像擴充至最大尺寸,以使其寬度和高度完全适應内容區域。

本文來自css3答疑欄目,歡迎學習!