❶ css文件 如何使背景圖片大小適應div的大小
對背景圖片設置屬性：background-size：cover;可以實現背景圖片適應div的大小。
background-size有3個屬性：
auto：當使用該屬性的時候，背景圖片將保持100%
的大小顯示，不進行任何縮放。超過div的多餘部分將被隱藏。當圖片過小時，圖片會自動平鋪。這種屬性通常用來做重復性的背景或者做半透明圖片背景。
cover：當使用該屬性時，圖片將被縮放至恰好能覆蓋div，並且圖片被隱藏的部分最少，這種屬性在大圖背景中應用比較廣泛。這點比較難理解，需要結合實踐理解。
contain：當使用該屬性時，圖片被縮放至最大且能被完全展示出來，但是由於圖片的的尺寸比例與div的尺寸比例會有不同，所以當圖片不能蓋住div時，圖片會自動平鋪。
❷ html 怎麼讓背景圖鋪滿整個頁面
下面這段代碼給div設置了一個寬度和高度，然後添加了一張背景圖片，並使用了background-size:cover;這個屬性，就會自動放大或縮小背景圖片來適應，但是需要指出的是這個屬性在需要在IE9及以上版本支持，谷歌和火狐都支持，具體支持情況看上面的圖，淺綠的代表支持，粉紅的不支持，你也可以到caniuse.com自己查看支持性
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;"charset="utf-8">
<title>無標題文檔</title>
</head>
<styletype="text/css">
.div1{width:500px;height:600px;background:url(images/class_nav.jpg);background-size:cover;}
</style>
<body>
<DIVclass="div1"></div>
</body>
</html>
❸ css文件 如何使背景圖片大小適應div的大小
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
❹ css如何使div背景圖片填充
css使div背景圖片填充的具體操作步驟如下：
1、我們首先打開前端開發工具，新建一個html代碼頁面。