CSS中的background-size
属性可用于指定背景图片的尺寸大小。其常用的属性值包括:
auto
:图片按原始尺寸显示,这是默认值。
cover
:图片被缩放以填充整个容器,可能会被裁剪。
contain
:图片被缩放以完整地适应容器,可能会有空白区域。
<length>
:指定图片的精确尺寸,可以使用像素(px)、百分比(%)或其他CSS长度单位。
<percentage>
:相对于背景容器的百分比大小,可以设置宽度和高度的不同百分比值,如background-size: 50% 100%;
。
initial
:将属性值重置为默认值。
inherit
:从父元素继承属性值。
其中,cover
和contain
是两个比较常用的值,它们可以实现响应式图片的效果。此外,长度单位和百分比也是非常重要的关键词,需要根据实际需求进行选择和使用。