<div class="Footer-wrapper">如何添加颜色

在HTML中，如果你想为元素添加颜色，你可以直接使用CSS（层叠样式表）来设置。以下是几种常见的方式：

1. **内联样式**:

   <p style="color: red;">这是一个红色文字段落。</p>

2. **选择器选中并设置颜色**:

   <p class="my-text">...</p>
   <style>
   .my-text {
       color: blue;
   }
   </style>

这里通过`.my-text`类将文本设置为蓝色。

3. **外部CSS文件**:

   <link rel="stylesheet" href="styles.css">
   <!-- 在styles.css文件中 -->
   p.my-text {
       color: green;
   }

这样，所有应用了".my-text"类的p标签都会显示绿色文字。

4. **CSS变量（CSS Variables, Custom Properties）**:

   :root {
       --text-color: purple;
   }
   <p>颜色为: var(--text-color)</p>

可以在任何地方动态更改这个变量来改变全局的颜色。

5. **响应式颜色选择（如 prefers-color-scheme）**:

   @media (prefers-color-scheme: dark) {
       body {
           background-color: black;
           color: white;
       }
   }

这会让网站在用户偏好暗色模式时自动调整颜色。