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% */