css中怎么调背景图片的大小

 CSS是网页设计中非常重要的一部分，可以使网页看起来更加美观、动态和富有创意。其中，调整背景图片大小也是常见需求之一。下面就来介绍一下CSS中如何调整背景图片大小。
首先，在CSS中设置背景图片使用的是background-image属性，而背景图片大小的设置则使用background-size属性。在代码中使用pre标签展示如下：

.p1{
    background-image: url('背景图片的地址');
    background-size: 100% auto;   /* 宽度100%，高度自适应 */
} 

上述代码中，p标签的class为p1，在其中设置了背景图片的地址，以及背景图片大小。其中，background-size的设置方式有两种：
- 按照宽度百分比和高度百分比来设置：background-size: 宽度百分比 高度百分比;
- 按照具体像素值来设置：background-size: 宽度 像素值 高度 像素值;
在上面的示例中，background-size设置为100% auto，意味着背景图片的宽度占满p标签的宽度，而高度自适应，根据图片比例进行缩放。我们还可以根据具体需求来自定义尺寸。比如：

.p2{
    background-image: url('背景图片的地址');
    background-size: 800px 600px;   /* 宽度800像素，高度600像素 */
} 

上述代码中，我们将背景图片的大小设置为800像素宽、600像素高，可以根据自己的需求进行调整。
总之，在CSS中调整背景图片大小十分简单，只需要使用background-size属性即可。同时，我们也可以通过百分比或像素值来自定义背景图片的大小，以达到更好的效果。