[分享]css3怎么设置hr颜色

CSS3如何设置hr颜色

在CSS3中设置水平线（hr）的样式非常简单，只需要使用border属性即可实现。border属性有三个值，分别是border-width、border-style、border-color。border-width表示边框宽度，border-style表示边框样式，而border-color则表示边框颜色。

设置hr的颜色，需要使用border-color属性。可以使用如下代码：

hr {
	border-top: 1px solid #9D9D9D;
	border-bottom: 1px solid #FFFFFF;
	border-left: none;
	border-right: none;
} 

上面的代码中，我们设置了hr的border-top属性为1像素实线，颜色为#9D9D9D。同时，我们还将hr的border-bottom属性设置为空，这样就能使hr只有上边框，看起来更加美观。

需要注意的是，如果不设置border-left和border-right属性，浏览器会默认设置hr的左右上下边框均为1像素实线。因此，我们需要将左右边框设置为空才能使hr看起来只有一个上边框。

以上就是CSS3如何设置hr颜色的方法。如果想让hr的颜色更加漂亮，可以尝试使用渐变色等高级属性来设置。