在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，有時(shí)候需要把一張圖片鋪滿整個(gè)div容器，從而達(dá)到美觀的效果。這個(gè)需求可以通過CSS來實(shí)現(xiàn)。

首先，在HTML代碼中添加一個(gè)div容器，給它一個(gè)固定的寬度和高度，如下：

<div class="container">
<!-- 這里可以添加其他內(nèi)容 -->
</div>/* css代碼 */.container{
width: 600px;
height: 400px;
border: 1px solid black;
}

接下來就是添加圖片并進(jìn)行鋪滿。在CSS代碼中，需要設(shè)置以下兩個(gè)屬性：

• background-image：設(shè)定背景圖片
• background-size：設(shè)定背景圖片的大小

示例代碼如下：

/* css代碼 */.container{
width: 600px;
height: 400px;
border: 1px solid black;
background-image: url("bg.jpg");
background-size: cover;
}

其中，bg.jpg是圖片的地址，cover表示圖片自動(dòng)縮放填滿整個(gè)div。

如果想讓圖片完整顯示，可以使用contain屬性。比如：

/* css代碼 */.container{
width: 600px;
height: 400px;
border: 1px solid black;
background-image: url("bg.jpg");
background-size: contain;
background-repeat:no-repeat;
background-position:center;
}

這里，background-repeat和background-position屬性用于控制圖片重復(fù)或居中顯示。

總之，通過這個(gè)簡(jiǎn)單的CSS技巧，我們可以輕松地讓一張圖片鋪滿整個(gè)div容器，從而使我們的網(wǎng)頁(yè)更加美觀。