一、就一个div，设置其背景图片

1.背景图片

2.代码

#left-bottom {/*height: 31%;*/height: 38%;margin-top: 25px;position: relative;border: 1px solid red;/* 设置背景尺寸 */background-size:100% 100%;background-image:url("../static/images/panel.png") ;background-repeat:no-repeat;box-sizing: border-box;
}

3.图片展示

图中的红色边框是div的大小，正好填充完全

二、在div里面填充一张图片

1.要填充的图片

2.html代码

<div class="left-bottom"><div class="left-bottom1"> <img src="@/assets/tp.svg" alt=""></div>
</div>

3.css代码

.left-bottom1 {border: 1px red solid;position: relative;width: 30px;height: 30px;top: 20%;left: 35%;
}//设置容器里面图片的大小
.left-bottom1 img {width: 100%;height: 100%;
}

4.图片展示

图中的红色边框是div的大小，正好填充完全

css里面设置一个背景边框图片或者填充一张图片，使图片填充整个div容器；相关推荐

css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式
设置表格边框样式的方法:1.给table元素添加"border:边框宽度边框样式边框颜色"样式,可给整个表格设置边框样式:2.给td元素添加"border:边框宽度 ...
CSS中设置页面背景图片
设置背景图片的用法与注意事项 1.背景图片 background-image:url("图片路径") 可以是相对路径和绝对路径例如: background-image: url( ...
div中插入图片_Web前端开发基础知识，设置网页背景图，如何在网页中插入图片...
图片一.图片的表现形式当我们在制作页面的时候,通常会遇到图片的三种表现形式,如下: 1.内容图片内容图片是页面中真正的内容,没有内容图片,就无法完整的理解页面内容.如淘宝网上的商品展示图片,这些 ...
css编程设置网页背景,网页中cssbackground背景图和背景颜色的设置方法
CSS 背景这里指通过CSS对对象设置背景属性,如网页中通过CSS设置背景各种样式. Css background背景作用:设置纯色背景.背景background可以设置对象纯色的背景颜色,设置图为背 ...
前端——CSS：设置元素背景
设置元素背景一共分为两类,一类是设置元素背景颜色,一类是设置元素背景图片. 1.设置元素背景颜色元素背景颜色通过background-color属性为元素设置背景色.这个属性接受任何合法的颜色值.该 ...
html如何调节透明度,CSS 如何设置一个元素的透明度呢？
摘要: 下文讲述css中设置元素透明度的两种方法分享,如下所示: 在html中,有时我们需对图片,文本设置其透明度,那么到底该如何设置呢?下文讲述使用css脚本设置透明度的方法方法1:使用opaco ...
用php把图片合成视频,图片音乐合成视频多张图片合成视频|图片合成视频软件...
在网络上我们经常见到的电子相册其本质就是图片音乐合成视频,使用一些图片合成视频软件将多张图片合成视频,外加点炫酷的转场特效,so easy的就能完成了.o(*≧▽≦)ツ想不想知道具体的操作过程?有兴 ...
css怎么设置圆角背景,CSS新特性:圆角边框多栏Gird布局背景设置
到现在为止,只有一些已经工作的CSS3特性. 到现在为止,只有一些已经工作的特性,他们中的一些如下: 圆角从web2.0开始,开始流行使用圆角,如果你不使用圆角,你的网站可能不会被列入web2.0网 ...
css——给多张图片设置一个背景图：上下固定尺寸+中间拉伸，里面放内容
UI图:头尾是特殊的边框.中间也有边框无限拉升,里面要放图片 html部分分为三层最外层防止背景图的上下部分,分别置顶置底 --中层放置背景图中部 ----内层*n 放置内容撑开最外层最外层和 ...

css里面设置一个背景边框图片或者填充一张图片，使图片填充整个div容器；

一、就一个div，设置其背景图片

1.背景图片

2.代码

3.图片展示

二、在div里面填充一张图片

1.要填充的图片

2.html代码

3.css代码

4.图片展示

css里面设置一个背景边框图片或者填充一张图片，使图片填充整个div容器；相关推荐

最新文章

热门文章