styling <hr /> yếu tố

Question

Tôi đang cố gắng để làm yếu tố hồng của tôi <hr /> (hr), và đang sử dụng các quy tắc css sau cho việc này:

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

Nhưng vẫn có một đường màu đen thể hiện qua nó.

(ở đây là một cái nhìn vào nó trên trang web mà tôi đang làm:.? http://www.yemon.org/, dòng ngang duy nhất của nó trong thiết kế

Làm thế nào để tôi nhận được dòng đồng phục màu hồng

Answer 1

Thay đổi nó như thế này:

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

Answer 2

Hãy thử thiết lập sở hữu màu biên giới: border-color: # ed1d61;

Answer 3

Yếu tố hr được làm từ biên giới do đó, một biên giới đơn giản: none và bạn sẽ thoát khỏi sự dư thừa

Sau đó, bạn chỉ cần phải chơi trên của bạn. chiều cao để làm cho nó dày như bạn muốn .

Answer 4

Nhìn vào trang của bạn, tôi nghĩ rằng điều này sẽ xem xét tốt nhất:

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

Một bản demo là here.

Answer 5

Hãy thử điều này:

.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