hr换行符的颜色设置

项目需求有一个2px的换行符，颜色是淡灰色的，这里面可能有一些不一样的设置，需要明白。

说到颜色变化，大家首先想到的都是color,但是color一般都是针对字体颜色的，线条需要用background-color,

但是单纯的将背景色设为灰色是不够的，线条还是黑色的，我们需要给线条一个高度，也就是我们需要的2px

这样设置完后，在浏览器中可以看到线条变粗了，而且原来的黑色好像还是存在的

其实，hr是有默认的border的，我们需要将它的边框去掉，设为border:none

<div style='background-color:#f7f7f7;height:2px;border:none;''>

好了  解决