CSS

的默认颜色是什么

在本文中，我们将介绍CSS中

元素的默认颜色以及如何修改它。

阅读更多：CSS 教程

什么是

元素？

元素是用于在HTML文档中插入水平分隔线的标签。它通常用于区分不同的内容块或段落。

默认情况下，

元素的高度为2像素，宽度为100%，并且有一个默认的颜色。以下是如何使用

元素的示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    hr {
      height: 2px;
      width: 100%;
    }
  </style>
</head>
<body>
  <h1>标题</h1>
  <p>这是一个段落。</p>
  <hr>
  <p>这是另一个段落。</p>
</body>
</html>

在上面的代码中，我们为

元素添加了一个样式规则，将其高度设置为2像素，并将宽度设置为100%。这是

元素默认样式的一种修改方式。

的默认颜色

在大多数现代浏览器中，

元素的默认颜色是浏览器的主题颜色或系统设置的颜色。这意味着

元素的颜色会根据用户的操作系统或浏览器设置而不同。

在Chrome浏览器中，默认情况下，

元素的颜色是浅灰色（#808080）。而在Firefox浏览器中，默认情况下，

元素的颜色是黑色。

然而，你也可以通过CSS来修改

元素的颜色。以下是如何将

元素的颜色修改为红色的示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    hr {
      height: 2px;
      width: 100%;
      background-color: red;
    }
  </style>
</head>
<body>
  <h1>标题</h1>
  <p>这是一个段落。</p>
  <hr>
  <p>这是另一个段落。</p>
</body>
</html>

在上面的代码中，我们为

元素添加了一个样式规则，将其背景颜色设置为红色。这将覆盖默认的颜色，使

元素变为红色。