📌  相关文章
📜  在 html 中更改文本颜色(1)

📅  最后修改于: 2023-12-03 14:50:56.097000             🧑  作者: Mango

在 HTML 中更改文本颜色

在 HTML 中，可以使用 CSS 样式表来设置文本的颜色。下面介绍三种常用的方式。

1. 使用内联样式

在 HTML 元素的 style 属性中设置 color 属性即可更改文本颜色。例如：

<p style="color: red;">这是红色的文本。</p>
2. 使用内部样式表

在 HTML 文件的 <head> 标签中添加 <style> 标签，然后在其中设置相应的样式。例如：

<head>
    <style>
        p {
            color: blue;
        }
    </style>
</head>
<body>
    <p>这是蓝色的文本。</p>
</body>
3. 使用外部样式表

将样式定义在一个独立的 CSS 文件中，并在 HTML 文件中引用它。例如：

在 style.css 文件中：

p {
    color: green;
}

在 HTML 文件中：

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <p>这是绿色的文本。</p>
</body>

以上三种方式都可以更改文本颜色，只不过使用方式不同。推荐使用外部样式表的方式，因为它可以让页面结构与样式分离，便于维护和管理。

代码片段
<p style="color: red;">这是红色的文本。</p>

<head>
    <style>
        p {
            color: blue;
        }
    </style>
</head>
<body>
    <p>这是蓝色的文本。</p>
</body>

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <p>这是绿色的文本。</p>
</body>