Html <hr> Marcação
Uma linha ao longo do eixo x é chamada de linha horizontal usada entre as linhas de parágrafos para facilitar a leitura. Mais especificamente, essas linhas podem ser utilizadas para adicionar uma quebra temática entre diferentes seções ou parágrafos. Com a ajuda de um html
Tag, você pode desenhar uma linha horizontal na página da web.
Este artigo o guiará sobre o uso do HTML “
" marcação.
Como inserir linha horizontal usando HTML
marcação?
O exemplo abaixo adicionará linhas horizontais entre os três
elementos. Para fazer isso, vamos criar um arquivo html. Então, adicione três
elementos para adicionar algum conteúdo e especificar o “
”Tag entre cada um deles.
Html
Bem -vindo ao Linuxhint!
O melhor site tutorial
Em uma missão para educar o mundo online
Salve o arquivo HTML e abra -o no navegador para verificar os resultados:
Agora, vamos adicionar algumas propriedades do CSS ao
elemento.
Como aplicar propriedades CSS ao
Elemento?
A seção abaixo demonstrará as propriedades CSS que são aplicadas aos elementos HTML junto com o RH.
No arquivo html, dentro do elemento corporal, adicione um elemento div com o nome da classe “Linebox”. Dentro deste elemento div, especifique quatro
elementos para adicionar algum conteúdo. Cada
elemento é separado por
Com as classes como Linha1, Linha2, Linha3, Linha4 e Linha5:
A linha de aço tracejada
A linha azul pontilhada
A linha verde tracejada
A linha roxa redonda
Estilo linebox div
.Linebox
margem: 5px;
fronteira: groove 10px RGB (133, 132, 135);
preenchimento: 15px;
Size da fonte: 16px
Aqui está a descrição do código acima:
-
- ““margem”Propriedade define o espaço de 5px em torno do elemento.
- ““fronteira”Propriedade define a borda da largura de 10px, tipo de linha de ranhura e cor como RGB (133, 132, 135).
- ““preenchimento”Propriedade define espaço em torno do conteúdo do elemento.
- ““tamanho da fonte”Propriedade define a configuração do tamanho da fonte para 16px.
Linha de estilo1 de RH
hr.linha 1
borda: 5px Solid Steelblue;
O "fronteira”Propriedade com o valor“5px”“sólido" e "Steelblue”É aplicado à linha de classe1 do elemento HR, onde o 5px representa a largura da linha, o sólido é o tipo de linha e o SteelBlue é a cor.
Linha de estilo2 de RH
hr.linha 2
borda: 1px azul pontilhado;
Para a linha de classe2 do elemento RH, a propriedade de fronteira com o valor “1px”“pontilhado”“azul”É aplicado onde o 1px representa a largura da linha, pontilhado é o tipo de linha e o azul é sua cor.
Linha de estilo3 de RH
hr.Linha3
Borda: 3px verde tracejado;
Para a linha de classe3, o valor agregado da fronteira é “3px”“tracejadas”“verde”Onde o 3px representa a largura, o tracejado é o tipo de linha e o verde é a sua cor.
Linha de estilo4 de RH
hr.linha4
borda: 8px roxo sólido;
Radio de fronteira: 8px;
Da mesma forma, aplicamos a propriedade de fronteira à linha4 e definimos seu “Radio de fronteira" como "8px”.
Pode -se observar que usando o HTML
Tag, adicionamos quatro tipos de linhas horizontais em nossa página da web:
Ótimo! Você aprendeu com sucesso sobre o html
tag com exemplos.
Conclusão
Para separar uma seção ou parágrafo, linhas horizontais podem ser adicionadas à nossa página da web com a ajuda do HTML
marcação. Este elemento é conhecido como um elemento vazio porque não segura uma tag de fechamento. Você também pode
com várias propriedades CSS. Este artigo demonstrou o HTML
tag e como estilizá -lo com CSS com a ajuda de exemplos.