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>
添加样式信息,设置背景颜色为橙色。
注意:使用样式表设置背景色可以更方便地管理页面中不同标签的样式。