设置背景图片大小的CSS代码_背景图片宽度高度设置

2022-03-07 18:10:58 CSS设置背景图片大小尺寸的代码,设置背景图片的宽度高度。

.daxiao{
width: 500px;height: 400px;
background: url("abc.jpg") center center no-repeat;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='abc.jpg', sizingMethod='scale');
}

<p class="daxiao">设置背景为图片abc.jpg</p>

以上设置段落背景图片为abc.jpg,同时设置这个p的宽度高度分别为500px和400px。加了background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='abc.jpg', sizingMethod='scale');两个代码即可设置背景图片自适应p盒子的大小500px宽,高400px的。当然可以设置百分比宽度,达到背景图片跟随。

上一篇:2em是多少px
下一篇:css居中
更新