[分享]css中如何给整个页面加背景

在网页设计中，背景图或背景色是不可缺少的元素。在CSS中，我们可以通过一些简单的代码来为整个页面设置背景。/ 设置背景图 / body { backgroundimage: url("bg....

在网页设计中，背景图或背景色是不可缺少的元素。在CSS中，我们可以通过一些简单的代码来为整个页面设置背景。

/* 设置背景图 */
body {
    background-image: url("bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

/* 设置背景色 */
body {
    background-color: #F5F5F5;
} 

上面的代码中，我们使用了两种方式来为整个页面设置背景。在第一段代码中，我们使用了背景图的方式，将一张名为"bg.jpg"的图片设置为背景。同时，我们通过设置background-size和background-repeat来控制背景图片的大小和重复方式。最后，我们把背景图片应用到页面的body元素上，这样整个页面就会有这张背景图。

如果我们想要设置纯色背景，可以使用第二段代码。我们通过background-color属性来设置背景颜色，以十六进制表示颜色的代码作为属性值，这里我们选择了灰色的#F5F5F5。同样，我们也将其应用到页面的body元素上。

通过这两种方式，我们可以为整个页面设置不同的背景。而且，在实际开发中，我们也可以根据具体需求，通过其他属性来进一步控制背景的显示效果。