CSS中的背景大小属性可以决定它在指定元素中的显示方式。可以随意控制背景图片的大小。让我们来看看背景尺寸的使用。
背景大小语法:
属性值:
背景大小有几个预定义的值,但您也可以像使用其他大小属性一样使用数字:
Contain: contain,元素中要包含整个背景图像,不能有多余。
封面:封面,背景要覆盖元素的所有区域,空不能出现白色。
长度/百分比:数值
列,例如:
使用
使用百分比注意:宽度和高度用于背景区域,而不是背景图像的大小。
封面:缩放背景图像,以保持图像的原始比例/纵横比。无论背景图像比背景区域大还是小,都会覆盖背景区域。图像的宽度或高度等于或超过背景区域。第三,根据背景图像的比例是否与背景区域匹配,背景图像的某些部分可能不在背景区域中。
Contain:对背景图像进行缩放,同时保持图像原有的缩放比例/长宽比,无论图像的宽度还是高度超过背景区域,都尽量覆盖背景区域。因此,根据背景图像的比例是否与背景区域匹配,一些背景图像可能不会覆盖背景区域。
1.《background属性 CSS中background-size属性使用方法》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《background属性 CSS中background-size属性使用方法》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/junshi/1148400.html