css中让图片铺满整个div盒子

盒子是middle

#middle{border: 1px solid blue;position: absolute;margin-top:0px ;height: 590px;width: 1345px;margin: 0px auto;background: url(../img/yjw_login_default_bg.png) no-repeat;background-size: cover;}

这段代码的倒数两行就能实现此功能。

注意是：background，不是background-image。

css中让图片铺满整个div盒子相关推荐

HTML+CSS实现背景图片铺满页面的方法
HTML+CSS实现背景图片铺满页面的方法针对页面背景图片我整理了几种方法仅供参考一.DIV中添加背景图片二.img中设置背景图片三.Body中设置背景图片结语针对页面背景图片我整理了几种 ...
利用css将背景图片铺满整个屏幕
方法一: <!DOCTYPE html> <html><head><meta charset="UTF-8"><meta ht ...
html背景图片不重叠铺满,html中背景图片铺满页面没有重复的效果
刚开始设置背景图片的时候,能铺满页面,但是没有全部把页面展现出来,经过一番查资料,才搞明白.如下: background: url(../../../assets/login/login-backgr ...
css 设置背景图片铺满固定不动
#page{position: relative;width: 100%;height: 100%;background-image:url(../img/bg.JPG);background-att ...
图片铺满div元素不变形，超出部分隐藏，保留中心部分css代码
转自:https://www.cnblogs.com/ymdi/p/15707504.html 需求:图片铺满父级元素,有些图片横向.有些是纵向,图片宽高比不一致,导致不能铺满或者变形.针对这种情况, ...
小程序、h5图片铺满div，自适应容器大小
图片铺满div,自适应容器大小,不会拉伸变形小程序 mode属性 scaleToFill:缩放模式,不保持纵横比,图片拉伸至填满 image 元素 aspectFit: 缩放模式,保持纵横比,保证图 ...
在VB中如何让背景图片铺满整个MDIForm
在VB中,如何让背景图片铺满整个Form,代码如下: '* ************************************************************** * '* ...
html img图片不平铺,如何在css中设置图片不平铺
如何在css中设置图片不平铺发布时间:2021-04-29 15:39:28 来源:亿速云阅读:80 作者:Leah 这篇文章将为大家详细讲解有关如何在css中设置图片不平铺,文章内容质量较高,因 ...
html 图片填充方式,css怎么让图片填满？
在css中,可以将div的高度和宽度属性设置为100%,同时使用background-size属性设置背景图片为100%,便可以实现背景图片铺满屏幕. css怎么让图片填满? 1.新建一个HTML文件 ...

css中让图片铺满整个div盒子

css中让图片铺满整个div盒子相关推荐

最新文章

热门文章