html如何设置背景色

1. HTML 如何设置背景色?

在 HTML 中设置背景色的方式有多种,这里我们介绍两种基本的方法:使用 <body> 标签和使用 CSS 样式表。

1.1 使用 <body> 标签设置背景色

在 HTML 中,我们可以通过在 <body> 标签中设置背景色来改变整个页面的背景颜色。

<body style="background-color: orange;">

// 页面内容

</body>

在上面的例子中,我们使用了 style 属性,为 <body> 标签设置了背景色为橙色。

除了直接在 <body> 标签中设置背景色,我们还可以使用 background 属性来为页面设置背景图片。

<body style="background-image: url(bg.jpg);">

// 页面内容

</body>

在上面的例子中,我们通过 background-image 属性将图片文件 bg.jpg 设置为页面的背景图片。

注意:在使用背景图片时,我们通常还需要设置背景图片重复的方式、位置等属性。

1.2 使用 CSS 样式表设置背景色

将样式表放置在 HTML 页面的 <head> 中,然后为所需要的标签设置样式信息。

<head>

<style>

body {

background-color: orange;

}

</style>

</head>

<body>

// 页面内容

</body>

在上面的例子中,我们将样式表定义在 <head> 中,通过 body 选择器为 <body> 添加样式信息,设置背景颜色为橙色。

注意:使用样式表设置背景色可以更方便地管理页面中不同标签的样式。