设置hr元素颜色

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

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

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

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

<div style='background-color:blue;height:1px;border:none;''>