Styling l'elemento

Question

---

che sto cercando di fare il mio <hr /> (HR) elemento rosa, e sto usando la seguente regola CSS per questo:

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

ma c'è ancora una linea nera che mostra attraverso di essa.

(qui è uno sguardo sul sito che sto facendo:.? http://www.yemon.org/, la sua l'unica linea orizzontale nella progettazione

Come faccio ad avere la rosa linea uniforme

Answer 1

Change a questo:

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

Answer 2

Provare a impostare la proprietà colore del bordo: border-color: # ed1d61;

Answer 3

l'elemento HR è fatto di bordo in modo da un bordo semplice: nessuno e ti sbarazzarsi di eccesso

Poi devi semplicemente giocare sul vostro. altezza per renderlo denso come desideri .

Answer 4

Guardando la tua pagina, credo che questo sarebbe un aspetto migliore:

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

Una demo è here.

Answer 5

Prova questo:

.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