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
}

演示是here。

Answer 3

尝试设置边框颜色属性：border-color：＃ed1d61;

Answer 4

hr元素由边框组成，因此是一个简单的边框：无，你将摆脱多余的。

然后你只需要在你的身高上玩，使它像你想的那样厚。

Answer 5

试试这个：

.hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    margin: 25px;
}

Answer 6

hr{
    background-color: #ed1d61;
    border-width: 0;
    /*change your size in this place*/
    padding-top: 1px;
}

<hr/>
sadf

设置<hr />元素的样式

6 个答案: