div添加背景图片并让图片居中自适应大小

1.效果

2.实现

   <div  style="background-size: cover;-moz-background-size: cover;width: 100%;height: 171px;background: url('static/image/1.png') no-repeat center;"></div>

div添加背景图片并让图片居中自适应大小相关推荐

v-for动态图片列表展示以及动态给div添加背景图片
v-for动态图片列表以及动态给div添加背景图片方法效果如下图所示: HTML: <div class="branchWorkshop"><ul>< ...
Markdown 图片左右对齐、居中、大小设置
Markdown 图片左右对齐.居中.大小设置虽然经常使用 Markdown 写博客,但是,我却不太知道 Markdown 图片的位置和大小设置,今天刚好发表博客的时候,发觉图片位置有点丑,Goog ...
CSS实现background-image背景图片全屏铺满自适应大小【伸手党福利】
.classid {/* 加载背景图 */background-image: url(/static/images/bg.jpg);/* 背景图垂直.水平均居中 */background-positi ...
QT简单添加背景图片
简介:使用QT制作STM32控制器时,为了美化添加了简单背景图片,点击按钮弹出相应图片.此次主要介绍添加背景及弹出图片部分,此次没有和STM32连接所以部分功能没有展示,仅截取与图片相关部分.(此方法 ...
jsp中给div加背景_html中给元素添加背景图片或者gif动图
添加背景图片有四种常用的方式,分别是: repeat 完全平铺 repeat-x 横向平铺 repeat-y 纵向平铺 no-repeat 不平铺使用示例: Document ...
VUECSS——最简单的为元素添加背景图片，并自适应div的大小
为一个高宽固定的块元素添加背景图片在样式表中添加背景图片的src, background-image: url('../../assets/images/top_bg1.png') ; 通常还需要 ...
html添加背景图片并且填满div,css background-size与背景图片填满div(示例代码)
background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有 ...
echarts添加背景图片,背景色及水印
2022-1-9学习记录添加背景图遇到的问题: 添加本地图片为背景图片时不显示图片解决: 在templates同级目录下创建一个static目录,将图片文件放置此文件夹内即可法一: 在div标 ...
绝对定位的div图片居中自适应
需求点固定定位div中添加图片内容,保证图片垂直居中,并且自适应. 一般在第三方UI组件中,这种布局需求较为常见解决方案一 (亲测有效) HTML代码: <div class="e ...

div添加背景图片并让图片居中自适应大小

div添加背景图片并让图片居中自适应大小相关推荐

最新文章

热门文章