CSS 圖片如何鋪滿 div
在網頁設計中，經常需要將圖片鋪滿整個 div，以達到更加美觀的效果。那么，如何使用 CSS 實現這一功能呢？
方法一：使用 background-image 屬性
可以將圖片作為 div 的背景圖片來顯示，并設置 background-size 屬性為 cover。這樣就可以使背景圖片覆蓋整個 div。
具體代碼如下：
```html```
```css
.bg-image{
background-image: url('your-image.jpeg');
background-size: cover;
height: 100%;
}
```
方法二：使用 img 標簽
可以使用 img 標簽來插入圖片，并設置其寬度和高度為 100%，從而鋪滿 div。
具體代碼如下：
```html
```
```css
.image-container{
height: 100%;
}
img{
width: 100%;
height: 100%;
object-fit: cover;
}
```
其中，object-fit 屬性可以控制圖片如何調整大小以適應其容器。在本例中，設置為 cover 可以將圖片拉伸以填滿容器，同時保持寬高比不變。
以上兩種方法都可以實現將圖片鋪滿整個 div 的效果。可以根據具體的設計需求選擇其中一種方法來實現。