hr换行符的颜色设置

    xiaoxiao2024-03-14  13

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

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

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

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

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

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

    好了  解决

    最新回复(0)