div背景图片大小随div大小变化而变化怎么做到

div背景图片大小随div大小变化而变化怎么做到

设置对应图片的width和htight的具体数值就可以了。
具体的操作步骤：
1、新建一个html页面，并在页面中写上一个div。并为div添加背景图片，为背景图片添加一些基本的样式。

2、按下键盘上的F12，查看其在浏览器中的效果。效果肯定是页面中没有相应的背景图片，理由是做的是背景图片，无法将div撑起一定的高度。

3、既然不能撑起来，就不能单纯的为div设置高度，这样无法解决不同大小背景图片的问题，可以利用css中的伪元素::after或者::before。

4、利用伪元素将指定标签的前面或者后面的内容设为空，并设成块元素，并设定以百分比为单位的padding-bottom或者padding-top。以此撑开这个div。设置完成。

div背景图片大小随div大小变化而变化,可以指定背景图片的尺寸来实现，详细方法如下：
CSS样式文件中，针对img标签添加：background-size属性
详细操作如图：



background-size：cover属性的作用详解：
他的作用是，把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中。

加一个属性：background-size:100% 100%