css背景图图片自动缩放 |css ul横排li竖排

要使用CSS背景图的自动缩放功能，大家需要使用以下两个CSS属性：background-size和background-position。

background-size: auto;
background-position: center center;

其中，background-size属性可以用来设置背景图片的大小。默认值为“auto”，表示以图片的原始大小来显示。而background-position属性用来设置背景图片的位置，其值为“center center”，表示将图片置于背景中央。

同时，大家还可以使用“contain”或“cover”这两个值来设置background-size属性，来实现图片的自动缩放。

background-size: contain;
background-position: center center;

当大家设置为“contain”时，背景图片会以完整的长宽比例显示在背景中，并且会尽量缩小以适应容器大小。而当大家设置为“cover”时，背景图片会尽量铺满容器，并且不会出现拉伸变形的情况。

最后，大家需要注意的是，背景图片的自动缩放功能只适用于图片背景，如果是普通文本的背景则不会发挥作用。希望大家能够在实际的网页设计中灵活运用这一功能，让自己的网页更具丰富性和美感。