如何让背景图片不重复填充在div中

1.使用background,不能改变图片的大小,只能直接放进去;

2.用img标签可以做到填充:<div><img src="..."></div>  ,div设好了width和height,img给height:100%;width:100%即可(图片有可能会失真)

拓展:填充好图片后,怎么可以在上面布局:

定义一个层在图片上,这里要用到定位——position
<div class="divdemo"><img alt="" src="">
   <span class="demo"></span>
</div>

.divdemo{position: relative;}
.demo{position: absolute;}

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页