Menu
CoddyTech

文本颜色

本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 17 课,共 76 课。

在 CSS 中,color 属性用于设置元素内文本的颜色。你可以为文本应用不同的颜色值,让网页看起来更美观。

selector {
    color: value;
}

例如:

h3{
  color: purple;
}
challenge icon

挑战

简单

给你一个包含标题(<h1>)和段落(<p>)的 HTML 文档。你的任务是使用 color 属性为这些元素设置样式。请按以下步骤操作:

  1. 编写一条 CSS 规则,使其选中 <h1> 元素。将 color 设置为 purple。
  2. 编写一条 CSS 规则,使其选中 <p> 元素。将 color 设置为 yellow。

亲手试试

<html>
<head>
    <title>Text Color</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

使用 CSS 添加样式中的所有课

自己练习: Web 在线编辑器