Aplicar CSS a

Comment

Cliente (HTML, Javascript, CSS) Informática

El elemento <hr> se utiliza para separar el contenido (o definir un cambio) en una página HTML. El soporte de los navegadores es total.

Antes, en HTML 4.01, la etiqueta <hr> representaba una regla horizontal.
En HTML5, la etiqueta <hr> define una ruptura temática.

Sin embargo, la etiqueta <hr> todavía se puede mostrar como una regla horizontal en los navegadores visuales, pero ahora se define en términos semánticos, en lugar de términos de presentación. Por lo que todos los atributos de diseño se eliminan en HTML5, se debe usar CSS en su lugar.

Configuración por defecto CSS

La mayoría de los navegadores mostrarán el elemento <hr> con los siguientes valores por defecto:

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

Si quieres cambiar el color de la línea, lo más sencillo y rápido es el siguiente CSS:

hr { 
    border: 0;
    background-color: red;
    height: 1px;
}

 

Deja un comentario