7、颜色和背景管理

颜色和背景管理

1. 设置文本颜色

在网页设计中，颜色的选择至关重要，因为它直接影响用户的视觉体验和情感反应。通过CSS，我们可以轻松地设置文本颜色，从而提升网页的整体美感和可读性。设置文本颜色的基本语法如下：

p {
  color: #ff0000; /* 使用十六进制颜色码 */
}

除了十六进制颜色码，CSS还支持使用颜色名称和RGB颜色值。以下是三种设置文本颜色的方法：

1. 使用颜色名称 ：CSS支持大约140种颜色名称，如 red , blue , green 等。
2. 使用十六进制颜色码 ：这是一种最常见的颜色表示方式，格式为 #RRGGBB ，例如 #ff0000 表示红色。
3. 使用RGB颜色值 ：可以通过红、绿、蓝三个分量来定义颜色，例如 rgb(255, 0, 0) 表示红色。

2. 设置背景颜色

背景颜色同样对网页的视觉效果有着重要影响。CSS提供了多种方式来设置背景颜色，确保网页内容在不同背景下都能清晰可见。以下是设置背景颜色的示例：

body {
  background-color: #f