18910140161

使用background-size如何设置背景图片的宽度和高度

顺晟科技

2021-06-16 10:37:17

352

用背景大小属性设置

语法:background-size : length | percent | cover | contain;

长度:

设置背景图像的高度和宽度。

个值设置宽度,第二个值设置高度。

如果只设置一个值,第二个值将设置为“自动”。

(会显示整个画面)

百分比:

将背景图像的宽度和高度设置为父元素的百分比。

个值设置宽度,第二个值设置高度。

如果只设置一个值,第二个值将设置为“自动”。

(会显示整个画面)

盖子:

保持图像的长宽比,并将图像缩放到完全覆盖背景位置区域的最小尺寸。

背景图像的某些部分可能不会显示在背景定位区域。

(仅显示部分图片)

容器:

保持图像的纵横比,将图像缩放到更大尺寸,以完全覆盖背景位置区域。

(会显示整张图片,但可能会出现重复图片。)

timg.jpg

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航