Styling element

Question

---

Staram się aby moje <hr /> (HR) elementu różowawe, a używam następującą regułę CSS dla tego:

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

Ale wciąż jest czarna linia pokazuje przez nią.

(tutaj jest spojrzenie na to w miejscu, które robię.? http://www.yemon.org/, jego jedyną linię poziomą w projektowaniu

Jak mogę uzyskać linia jednolity różowy

Answer 1

zmienić go na to:

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

Answer 2

Spróbuj ustawić nieruchomość kolor obramowania: border-color: # ed1d61;

Answer 3

element hr jest wykonana z granicy tak proste border: none i będziesz pozbyć się nadmiaru

Wtedy po prostu trzeba grać na. wysokość, aby była tak gruba, jak byś chciała .

Answer 4

Patrząc na swojej stronie, myślę, że to będzie wyglądać najlepiej:

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

Demo jest here.

Answer 5

Spróbuj tego:

.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