css3怎么添加背景图片

CSS3提供了多种方法来添加背景图片，可以通过background-image属性和background属性来实现。

如果只想添加背景图片，可以使用background-image属性，如下所示：

body {
    background-image: url("bg.jpg");
}

如果想同时设置背景图片和背景颜色，可以使用background属性，如下所示：

body {
    background: url("bg.jpg") no-repeat center center fixed;
    background-color: #000;
}

上面代码中，background设置背景图片的位置和是否重复，fixed表示背景图片不随滚动而移动，background-color设置背景颜色。

如果想让背景图片占满整个页面，可以使用下面的代码：

html {
    background: url("bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    

上面代码中，-webkit、-moz和-o前缀是为了兼容不同浏览器。background-size设置背景图片的大小为占满整个页面。

需要注意的是，背景图片的url路径要正确，否则无法加载图片。另外，背景图片的大小要根据实际情况选择，过大的图片会影响页面加载速度。

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