项目需求有一个2px的换行符,颜色是淡灰色的,这里面可能有一些不一样的设置,需要明白。
说到颜色变化,大家首先想到的都是color,但是color一般都是针对字体颜色的,线条需要用background-color,
但是单纯的将背景色设为灰色是不够的,线条还是黑色的,我们需要给线条一个高度,也就是我们需要的2px
这样设置完后,在浏览器中可以看到线条变粗了,而且原来的黑色好像还是存在的
其实,hr是有默认的border的,我们需要将它的边框去掉,设为border:none
<div style='background-color:#f7f7f7;height:2px;border:none;''>
好了 解决
时间: 2024-10-23 10:47:05