在网页设计中，水平线（
）元素常被用来分隔页面内容，增加视觉层次感。默认情况下，
元素呈现为一条简单的黑色水平线，这往往无法满足个性化设计的需要。本文将深入探讨如何使用CSS来改变
元素的颜色，并打造出独特的个性化分隔线。
默认的HR元素样式
在HTML中，
元素默认的样式如下：
这将生成一条宽度为100%的细实线，颜色为黑色。
使用CSS改变HR元素颜色
要改变
元素的颜色，我们可以使用CSS的
border-color
属性。以下是一个简单的示例：
在这个例子中，我们通过将
border
属性设置为
0
来移除默认的边框，并通过
background-color
属性将水平线的颜色设置为红色。
更丰富的样式设置
除了改变颜色，我们还可以通过以下属性来进一步定制
元素：
border-style
：定义边框的样式，如实线、虚线等。
border-width
：定义边框的宽度。
border-color
：定义边框的颜色。
以下是一个包含多种样式的示例：
在这个例子中，我们使用
border-style
属性设置了虚线样式，并通过
border-width
属性增加了边框的宽度。
总结
通过CSS，我们可以轻松地改变
元素的颜色和样式，从而打造出个性化的分隔线。这不仅能够增强网页的美观性，还能提高用户体验。希望本文能够帮助您更好地理解CSS中HR元素的颜色设置。