一、就一个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的大小,正好填充完全