Styling el elemento <hr />

que estoy tratando de hacer mi elemento rosáceo <hr /> (h), y estoy usando la siguiente regla CSS para esto:Styling el elemento <hr />

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

pero todavía hay una línea de negro que muestra a través de él.

(aquí es una mirada en ella en el sitio que estoy haciendo:.? http://www.yemon.org/, es la única línea horizontal en el diseño

¿Cómo consigo la línea uniforme de color rosa

Fuente

2011-02-05 Jelmar

El 'hr' escucha mejor a la propiedad' border'. –

Pensé que hr estaba obsoleto cuando se cerró la tienda geocities. – Chris

Compruebe la respuesta: http://stackoverflow.com/a/6382036/937891 a un posible duplicado de esta pregunta. – Sathvik

Cambio a esto:

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

Fuente

2011-02-05 18:02:50 Marwelln

Intente configurar la propiedad color del borde: border-color: # ed1d61;

Fuente

2011-02-05 17:57:55

el elemento hr está hecha de frontera por lo que un borde simple: ninguno y se le deshacerse del exceso

Entonces sólo tiene que jugar en su. altura para que sea tan grueso como quieras .

Fuente

2011-02-05 17:59:58 Yahel

En cuanto a su página, creo que esto sería mejor:

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

Una demostración es here.

Fuente

2011-02-05 18:09:18 dogbane

Prueba esto:

.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; 
}

Fuente

2013-04-23 15:54:16

-1

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

<hr/> 
 
sadf

Fuente

2016-08-30 14:41:20

Respuesta

Cuestiones relacionadas