背景颜色和背景图片 - Html

在网页设计中，一般都需要设置页面的背景颜色或者背景图片，这样可以让网页变得更加有吸引力。在 HTML 中，我们可以使用 CSS 样式表来设置网页的背景颜色和背景图片。

设置背景颜色

要设置背景颜色，我们需要使用 CSS 中的 background-color 属性。可以在样式表中选定元素，然后设置它的背景颜色。

例如：设置整个网页的背景颜色为白色，可以使用如下代码：

<style>
    body {
        background-color: white;
    }
</style>

设置背景图片

要设置背景图片，我们需要使用 CSS 中的 background-image 属性。同样的，在样式表中选定元素，然后设置它的背景图片。

例如：设置整个网页的背景图片为一张名叫 background.jpg 的图片，可以使用如下代码：

<style>
    body {
        background-image: url(background.jpg);
    }
</style>

需要注意的是，如果你不希望背景图片平铺在整个页面上，可以使用 background-repeat 属性来调整它的显示方式。常用的值包括 no-repeat（只显示一次）、repeat-x（横向平铺）、repeat-y（纵向平铺）。

组合使用

当然，我们也可以同时设置背景图片和背景颜色。如果背景图片加载失败或者图片太小导致无法平铺，那么默认使用背景颜色。

例如：设置整个网页的背景图片为一张名叫 background.jpg 的图片，并将背景颜色设置为白色，可以使用如下代码：

<style>
    body {
        background-color: white;
        background-image: url(background.jpg);
        background-repeat: repeat;
    }
</style>

这样设置之后，网页的背景就会变成白色并且平铺了一张背景图片。

以上就是在 HTML 中设置背景颜色和背景图片的基础知识。通过简单的 CSS 样式表设置，我们就可以让网页更加美观！