📅 最后修改于: 2023-12-03 14:55:13.372000 🧑 作者: Mango
在网页设计中，能够使标签标明色彩是非常重要的。这可以让网页看起来更加吸引人，也可以让网站的内容更加突出。
CSS 可以用来更改 HTML 标签的颜色。下面是一些简单的方法:
可以使用内联样式将颜色应用到 HTML 标签中。例如，这个段落可以以红色显示：
<p style="color:red;">This text is red.</p>
可以在 HTML 文件中使用内部样式表将颜色应用到多个标签中。首先，在网页的头部中定义一个样式表：
<head>
<style>
p {
color:red;
}
</style>
</head>
接下来，在 HTML 代码中使用刚刚定义的样式：
<p>This text is red.</p>
如果要将颜色应用到多个 HTML 文件中的标签，可以使用外部样式表。首先，在一个单独的 .css 文件中定义样式：
p {
color:red;
}
然后将 .css 文件链接到需要使用的 HTML 文件中：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>This text is red.</p>
<p>This text is also red.</p>
</body>
可以使用 CSS 类将颜色应用到一组标签中。首先，在样式表中定义类：
.highlight {
color:red;
}
然后在 HTML 代码中使用该类：
<p class="highlight">This text is red.</p>
可以使用 CSS ID 将颜色应用到单个标签中。首先，在样式表中定义 ID：
#main {
color:red;
}
然后在 HTML 代码中使用该 ID：
<p id="main">This text is red.</p>