html中hr是一个水平线，hr是一个块状元素，同时默认也是灰色的，那么如何改变hr的颜色呢？
如果想让hr颜色变成红色，该如何操作呢?
通常我们会想到以下列方式改变hr的颜色，但实际上这种方法是不起作用的。
hr{
color:red;
}
我们可以设置background-color:red试试，但也是不起作用的，水平线看起来依然还是灰色的，因为hr默认是有border的，所以还要设置border:none才能起作用。
正确的设置方式如下：
hr{
background-color:red;
border:none;
height:2px;//给线条一个高度；
width:px;//给线条一个宽度；
}
如果想要做一个下面的效果该如何做呢？
html部分：
divclass=box
hrclass=hr1
hrclass=hr2
spanNEWSCENTER/span
hrclass=hr3
hrclass=hr4
/div
css部分：
.box{
width:px;
height:20px;
}
hr{
margin-top:9px;
float:left;//hr是块状元素，让他们左浮动排列在一起
}
.hr1,.hr4{
width:px;//hr1和hr4默认是灰色；
}
.hr2,.hr3{
width:px;
height:2px;
background-color:red;
border:none;
}
.hr1{
margin-left:px;
}
span{
float:left;
}