设置<hr />元素的样式

Question

我试图使我的 <hr />(hr)元素变粉红色,并使用以下css规则:

hr {height: 1px; color: #ed1d61;background-color: #ed1d61;
}

但是仍然有一条黑线显示出来.

(以下是我正在制作的网站上的内容:http://www.yemon.org/,它是设计中唯一的水平线.

我如何让线条均匀粉红色？

Answer 1

把它改成这个:

hr {
    height: 1px;
    color: #ed1d61;
    background: #ed1d61;
    font-size: 0;
    border: 0;
}

Answer 2

看看你的页面,我认为这看起来最好:

hr {height: 2px;
    background-color: #ed1d61;
    border:none
}

的演示是在这里.

Answer 3

尝试设置边框颜色属性:border-color:#ed1d61;

Answer 4

hr元素由边框组成,因此是一个简单的边框:none,你将摆脱多余的.

然后你只需要在你的高度上玩,使它像你想的那样厚.