Html <hr> Etiqueta
Una línea a lo largo del eje X se conoce como una línea horizontal utilizada entre las líneas de los párrafos para que sea fácil de leer. Más específicamente, estas líneas se pueden utilizar para agregar una ruptura temática entre diferentes secciones o párrafos. Con la ayuda de un HTML
Etiqueta, puede dibujar una línea horizontal en la página web.
Este artículo le guiará sobre el uso del HTML "
" etiqueta.
Cómo insertar una línea horizontal usando HTML
etiqueta?
El siguiente ejemplo se agregará líneas horizontales entre las tres
elementos. Para hacerlo, creemos un archivo HTML. Entonces, agregue tres
elementos para agregar algo de contenido y especificar el "
"Etiqueta entre cada uno de ellos.
Html
Bienvenido a Linuxhint!
El mejor sitio web de tutorial
Sobre una misión para educar al mundo en línea
Guarde el archivo HTML y ábralo en el navegador para verificar los resultados:
Ahora, agregemos algunas propiedades de CSS a la
elemento.
Cómo aplicar las propiedades de CSS al
Elemento?
La siguiente sección demostrará las propiedades CSS que se aplican a los elementos HTML junto con el HR.
En el archivo HTML, dentro del elemento del cuerpo, agregue un elemento DIV con el nombre de la clase "caja de líneas". Dentro de este elemento div, especifique cuatro
elementos para agregar algo de contenido. Cada
El elemento está separado por
con clases como Line1, Line2, Line3, Line4 y Line5:
La línea de acero discontinua
La línea azul punteada
La línea verde discontinua
La línea de color púrpura redondo
Estilo LineBox Div
.LineBox
margen: 5px;
borde: 10px Groove RGB (133, 132, 135);
relleno: 15px;
tamaño de fuente: 16px
Aquí está la descripción del código anterior:
-
- "margenLa propiedad establece el espacio de 5px alrededor del elemento.
- "bordeLa propiedad establece el borde del ancho de 10 px, el tipo de línea de ranura y el color como RGB (133, 132, 135).
- "relleno"La propiedad establece espacio alrededor del contenido del elemento.
- "tamaño de fuente"La propiedad establece la configuración del tamaño de fuente a 16px.
Línea de estilo1 de HR
hora.línea 1
borde: 5px de acero sólido;
El "borde"Propiedad que tiene el valor"5px""sólido" y "azul acero"Se aplica a la línea de clase1 del elemento HR donde el 5px representa el ancho de la línea, el sólido es el tipo de línea y SteelBlue es el color.
Línea de estilo2 de HR
hora.línea 2
borde: 1px de azul punteado;
Para la línea de clase2 del elemento HR, la propiedad fronteriza que tiene el valor "1px""punteado""azul"Se aplica donde el 1px representa el ancho de la línea, punteado es el tipo de línea y el azul es su color.
Línea de estilo3 de HR
hora.línea 3
borde: 3px verde discontinuo;
Para la línea de clase3, el valor agregado del borde es "3px""discontinuos""verde"Donde el 3px representa el ancho, el discurso es el tipo de línea, y el verde es su color.
Línea de estilo4 de HR
hora.línea4
Border: 8px Purple sólido;
Border-Radius: 8px;
Del mismo modo, hemos aplicado la propiedad fronteriza a Line4 y establecemos su "radio fronterizo" como "8px".
Se puede ver que usando el HTML
Etiqueta, hemos agregado cuatro tipos de líneas horizontales en nuestra página web:
Excelente! Has aprendido con éxito sobre el HTML
Etiqueta con ejemplos.
Conclusión
Para separar una sección o párrafo, se pueden agregar líneas horizontales a nuestra página web con la ayuda del HTML
etiqueta. Este elemento se conoce como un elemento vacío porque no contiene una etiqueta de cierre. Tú también puedes
con varias propiedades CSS. Este artículo demostró el HTML
etiqueta y cómo peinarlo con CSS con la ayuda de ejemplos.