Cómo crear reglas horizontales en CSS

Las reglas horizontales o líneas, en la programación HTML se utilizan por lo general como un separador para dividir secciones de una página Web. El uso de hojas de estilo en cascada (CSS), puede declarar y aplicar diversas propiedades de la línea cuando se utiliza la etiqueta "<hr>" en sus páginas. Sin embargo, cómo las reglas horizontales visualización difiere dependiendo del navegador que usted y los visitantes a su uso del sitio web. Internet Explorer y Firefox cada reconocen algunas propiedades que el otro no, a fin de utilizar las propiedades cuando sea necesario para asegurarse de que todo el mundo ve su sitio de la manera que desea.

Instrucciones

1 Abra su archivo CSS. Escribe lo siguiente para crear un nuevo selector para una línea horizontal:

{hr

2 Escribe lo siguiente para declarar propiedades de color:

color rojo;

background-color: rojo;

Debe utilizar tanto porque no se sabe qué navegador visitantes a su uso del sitio web. Internet Explorer reconoce la propiedad "color" de la etiqueta "<hr>", pero no la propiedad "background-color". Firefox hace lo contrario.

3 Escribe lo siguiente para declarar la anchura y altura:

altura: 1px;

anchura: 50%;

Es posible utilizar porcentajes o píxeles para estas propiedades, pero el uso de un porcentaje de la altura a veces no produce lo que quiere.

4 Escribe lo siguiente para declarar la alineación de la línea horizontal:

text-align: left;

margen: 0px 0px 0px auto;

Al igual que en la propiedad de color, Internet Explorer y Firefox utilizan diferentes formas de alinear las normas horizontales. Si, por ejemplo, se establece la propiedad "ancho" en un 50% y sólo se utiliza esta propiedad "text-align", la línea en Internet Explorer se alinearía a la izquierda, pero en Firefox, que se alinearía en el medio.

5 Escribe lo siguiente para definir una frontera:

frontera: 1px discontinua;

Esto pone un borde punteado todo el camino alrededor de la regla horizontal. Si establece la regla a un píxel de altura, o dejado de lado por completo la propiedad height, la propia línea de trazos que se convertiría. Eliminar la parte "discontinua" de esta propiedad para definir un borde sólido.

6 Guarde el archivo CSS y subirlo a su servidor Web.