📅 最后修改于: 2023-12-03 15:38:48.112000 🧑 作者: Mango
更改 HTML 页面的背景颜色很简单，只需修改 CSS 样式即可。
可以通过在 HTML 标签中添加 style 属性来更改背景颜色。以下是更改 body 元素背景颜色的示例代码：
<body style="background-color: #f2f2f2;">
<!-- 页面内容 -->
</body>
在 style 属性中，将 background-color 值设置为所需的颜色值即可更改背景颜色。
更好的方法是将样式集中到 CSS 样式表中，然后在 HTML 中引用该样式表。这样可以使样式更易于维护，并促进样式的重用。
可以在 HTML 页面头部使用 <style> 标签定义样式表。以下是在内部样式表中定义背景颜色的示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在样式表中，通过选择器选择要更改背景颜色的元素。在这里为了更改整个页面的背景颜色，选择了 body 元素。
外部样式表是一组 CSS 样式表，保存为独立的 .css 文件，并在 HTML 页面中引用。使用外部样式表可以在多个页面之间共享样式，并使代码更易于阅读和维护。
以下是一个简单的样式表，定义了一个名为 mystyle.css 的外部样式表，将 body 元素的背景颜色更改为 #f2f2f2：
body {
background-color: #f2f2f2;
}
HTML 页面中，通过添加以下标记，将样式表引用添加到页面头部：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
更改 HTML 页面的背景颜色需要修改 CSS 样式，可以通过内联样式、内部样式表或外部样式表来实现。使用样式表可以使样式定义更易于维护，并促进样式的重用。