html使图片填满div
时间: 2023-07-07 20:21:41 浏览: 399
CSS实现HTML背景图片拉伸铺满示例
你可以使用CSS中的background-size属性将图片填满整个div,示例代码如下:
HTML代码:
```html
<div class="container">
<!-- 这里是图片 -->
</div>
```
CSS代码:
```css
.container {
background-image: url("your-image-url");
background-size: cover; /* 将背景图片缩放至完全覆盖div */
background-position: center; /* 将背景图片水平、垂直居中 */
height: 300px; /* 设置div的高度 */
}
```
注意,这种方法只适用于将图片作为背景填充div的情况,如果你要在div中直接插入图片,你可能需要使用一些其他的技巧。
阅读全文