css3 background-size

CSS3的background-size属性是用来设置元素的背景图片的尺寸大小的。它可以为元素的背景图片设置宽度和高度，从而让背景图在元素中显示更加完整或拉伸。background-size属性有以下几种属性值：

background-size: auto;
background-size: contain;
background-size: cover;
background-size: length;
background-size: percentage;
background-size: initial;
background-size: inherit;

其中，auto表示让元素的背景图按原尺寸显示；contain表示让元素的背景图适应元素的大小，但不超出元素的范围；cover表示让元素的背景图适应元素的大小，并且填满整个元素，可能会超出元素的范围。

length和percentage表示设置元素背景图的宽度和高度的具体数值，可以使用像素(px)、百分比(%)等单位。

background-size: 50px 50px;
background-size: 50% 50%;
background-size: 100px auto;
background-size: auto 100%;

需要注意的是，在使用background-size属性时，背景图片的尺寸会根据元素的尺寸自适应调整。另外，如果使用background-size: cover或background-size: contain，也可以通过background-position属性来控制背景图的位置。

总之，使用background-size属性可以让元素的背景图片在显示时达到更好的效果，适应不同尺寸的屏幕，让网页更加美观。