在HTML5中，添加背景颜色非常简单，你可以通过CSS（级联样式表）来设置网页的背景颜色，CSS是一种用于描述HTML元素在屏幕上如何显示的语言。
1. 内联样式
最简单的方式是使用内联样式，直接在HTML元素的style属性中设置背景颜色，如果你想将整个页面的背景颜色设置为蓝色，你可以在<head>标签中添加以下代码：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
background-color: blue;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个例子中，background-color: blue;这行代码设置了body元素的背景颜色为蓝色。
2. 内部样式表
另一种方式是使用内部样式表，即在<head>标签中使用<style>标签来定义CSS规则。
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
background-color: blue;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
3. 外部样式表
如果你的网页有很多共享的样式，那么最好将这些样式放在一个单独的文件中，然后在你的HTML文件中引用它，这就是外部样式表的概念，你可以创建一个名为styles.css的文件，其中包含以下内容：
body {
background-color: blue;
}
在你的HTML文件中，你可以使用<link>标签来引用这个样式表：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
4. CSS选择器和优先级
CSS选择器决定了哪些元素会应用特定的样式。body选择器会选择所有的body元素，你也可以使用类选择器（以.开头）或ID选择器（以开头）来选择特定的元素，如果多个选择器应用于同一个元素，那么具有更高优先级的选择器将决定该元素的样式，内联样式、内部样式表和外部样式表的优先级依次降低。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/179934.html
微信扫一扫 