🇯🇵 日本語 | 🇺🇸 English | 🇪🇸 Español | 🇵🇹 Português | 🇹🇭 ไทย | 🇨🇳 中文

CSS选择器教学:如何将p标签的颜色修改为橙色

📝 使用说明

本模板用于展示如何使用CSS标签选择器将**p标签**的文本颜色更改为**橙色**。

📘 解释

以下是如何使用CSS将所有**p标签**的颜色更改为**橙色**。接下来,我们将解释如何为p标签应用样式。

🔹 部分代码(更改p标签的颜色)

/* 更改p标签的颜色为橙色 */
p {
  color: orange; /* 橙色 */
}
  

💻 完整可运行代码(更改p标签的颜色)

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>更改p标签颜色</title>
  <style>
    p {
      color: orange; /* 橙色 */
    }
  </style>
</head>
<body>
  <p>这个段落将是橙色的。</p>
  <p>另一个段落也会是橙色的。</p>
</body>
</html>
  
已复制!