CSS是前端开发中重要的一部分，除了控制HTML元素的样式之外，还可以
修改背景
图片大小。
在这篇
文章中，我们将介绍如何使用CSS
修改网页背景
图片的尺寸。
首先，我们需要准备一张网页背景
图片。你可以选择从网上下载一张高清晰度的
图片，或者自己设计一张。为了这篇
文章的演示，我们使用一张名为“backgroud.jpg”的
图片作为例子。
其次，我们需要知道如何使用CSS来设置背景
图片的大小。我们可以通过使用“background-size”
属性来控制背景
图片的尺寸。这个
属性有两个值：第
一个值是
图片的宽度，第二个值是
图片的高度。你可以使用像素（px）或百分比（%）来指定这两个值。如果你只指定
一个值，那么另
一个值将会
自动调整以保持比例。
例如，如果你想将背景
图片的宽度设置为100%（占据整个
页面宽度），高度
自动调整，则可以使用以下
代码：
body {
background-image: url('background.jpg');
background-size: 100% auto;
}
如果你想将背景
图片设置为居中
显示，并且它的宽度和高度都是50%的
页面大小，则可以使用以下
代码：
body {
background-image: url('background.jpg');
background-size: 50% 50%;
background-position: center center;
background-repeat: no-repeat;
}
如果你想
按比例缩放背景
图片，并且让它占据整个
页面，则可以使用以下
代码：
body {
background-image: url('background.jpg');
background-size: cover;
}
在这个例子中，背景
图片将会
按比例缩放，并且始终保持和
页面大小一致。如果
图片的宽高比例与
页面不同，那么它可能会在某些方向上被裁剪。
总结一下，我们可以通过使用CSS的“background-size”
属性来
修改背景
图片的大小。有多种
方法可以控制
图片的大小和位置，你可以选择最适合你需要的方式。希望这篇
文章对你有帮助。
