Como criar regras horizontais em CSS

regras horizontais, ou linhas, em programação HTML são normalmente utilizados como um separador para dividir seções de uma página Web. Usando folhas de estilo em cascata (CSS), você pode declarar e aplicar várias propriedades para a linha quando você usa o "

"Tag nas suas páginas. No entanto, como a tela regras horizontal difere dependendo do navegador que você e os visitantes do seu uso do site. Internet Explorer e Firefox cada reconhecer algumas propriedades o outro não faz, então, usar as duas propriedades quando necessárias para garantir que todos vê o seu site a maneira que você pretende.

Abra seu arquivo CSS. Digite o seguinte para criar um novo seletor para uma linha horizontal:
hr {
Digite o seguinte para declarar propriedades de cor:
cor vermelha;
background-color: red;
Você deve usar os dois, porque você não sabe qual navegador os visitantes do seu uso do site. Internet Explorer reconhece a propriedade "cor" para o "
"Tag, mas não o" background-color "propriedade. Firefox faz o inverso.
Digite o seguinte para declarar a largura e altura:
height: 1px;
width: 50%;

Você pode usar percentagens ou pixels para essas propriedades, mas usando uma porcentagem para a altura, por vezes, não produz o que você quer.
Digite o seguinte para declarar o alinhamento da linha horizontal:
text-align: left;
margin: 0px 0px 0px auto;
Semelhante à propriedade cor, Internet Explorer e Firefox utilizar formas diferentes para alinhar as regras horizontais. Se, por exemplo, você definir a propriedade "width" para 50% e serão utilizadas apenas esta propriedade "text-align", a linha no Internet Explorer iria alinhar à esquerda, mas no Firefox, seria alinhar no meio.
Digite o seguinte para definir uma fronteira:
border: 1px tracejada;
Isso coloca uma borda tracejada todo o caminho ao redor da régua horizontal. Se você definir a regra para um pixel de altura, ou deixou de fora a propriedade de altura por completo, a linha em si se tornaria frustradas. Retire a peça "frustrada" dessa propriedade para definir uma borda sólida.
Salve o arquivo CSS e enviá-lo para o servidor Web.

De esta maneira? Compartilhar em redes sociais: