css3 设置背景图片

CSS3可以很方便地设置网页的背景图片，让我们的网页更加美观。通过CSS3设置背景图片有几种方式，我们可以使用background-image属性，也可以使用background属性。

如果我们只设置背景图片，可以使用background-image属性，具体代码如下：

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

其中，url()包裹的即为图片的路径，可以是本地图片，也可以是网络资源图片。

如果需要同时设置背景图片和其他背景属性，如颜色和重复方式等，我们可以使用background属性，具体代码如下：

body {
    background: url('background.jpg') no-repeat center center fixed;
/* 其中，no-repeat表示不重复，center表示水平居中，fixed表示固定*/}

我们也可以设置背景图片的大小和位置，使用background-size和background-position属性，具体代码如下：

body {
    background: url('background.jpg') no-repeat center center fixed;
    background-size: cover;
     /* 图片大小覆盖整个网页*/background-position: center;
 /* 图片位置居中*/}
    

最后，需要注意的是，设置背景图片时，应该选择合适的图片格式，不要过大过小，否则会影响网页加载速度。

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