
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答疑欄目,歡迎學習!