css 如何设置背景大小

CSS中可以使用background-size属性来设置背景的大小。

.background {
    background-image: url("image.jpg");
    background-position: center center;
    background-size: cover;
}

以上代码是将背景图片居中，同时尽可能地填充整个背景，即cover大小。

.background {
    background-image: url("image.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

以上代码是将背景图片居中并根据图像比例缩放，直到宽度或高度等于包含块的宽度或高度，即contain大小。

.background {
    background-image: url("image.jpg");
    background-size: 100% auto;
}
    

以上代码是将背景图片的宽度设置为与包含块的宽度相等，高度根据图片比例自适应，即100% auto大小。

通过background-size属性，我们可以轻松地设置背景图片的大小和显示方式，打造出属于自己的网页设计。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！