background-size
属性可以设置背景图片的尺寸大小。常用的值包括:
cover
:将背景图片缩放到足够大,以覆盖整个背景区域,并进行裁剪。contain
:将背景图片缩放到足够小,以完全包含在背景区域内。auto
:保持背景图片原始大小。<length>
:使用具体的长度值来设置背景图片的宽度和高度。<percentage>
:使用百分比值来设置背景图片的宽度和高度,相对于包含块的宽度和高度。示例代码:
background-size: cover; /* 背景图片缩放到足够大,以覆盖整个背景区域,并进行裁剪 */
background-size: contain; /* 背景图片缩放到足够小,以完全包含在背景区域内 */
background-size: 100px 50px; /* 背景图片宽度为100px,高度为50px */
background-size: 50% 25%; /* 背景图片宽度为包含块宽度的50%,高度为包含块高度的25% */