运用background-size怎样设定配景图片的宽度和高度

本篇文章给大家带来的内容是关于使用background-size怎样设定背景图片的宽度和高度 ，有必然的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。

使用background-size属性设定

语法：background-size: length|percentage|cover|contain;

length:
设定背景图像的高度和宽度。
第一个值设定宽度，第二个值设定高度。
假如只设定一个值，则第二个值会被设定为 “auto”。
(会显示整个图片)

percentage:
以父元素的百分比来设定背景图像的宽度和高度。
第一个值设定宽度，第二个值设定高度。
假如只设定一个值，则第二个值会被设定为 “auto”。
(会显示整个图片)

cover:
保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
背景图像的某些部分或许没法显示在背景定位区域中。
(只显示部分图片)

contain:
保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最大大小。
(会显示整个图片，但大概会显现图片反复)

以上就是对使用background-size怎样设定背景图片的宽度和高度 的全部介绍，假如您想理解更多有关HTML视频教程，请关注PHP中文网。

以上就是使用background-size怎样设定背景图片的宽度和高度的具体内容，更多请关注百分百源码网其它相关文章！