Tecnología

Inicio

Cómo hacer divisores HTML

Cómo hacer divisores HTML


divisores HTML separan las páginas Web en las secciones visibles. La regla horizontal, o HR, la etiqueta se utiliza para crear líneas horizontales simples o decorativos en la Web. Se pueden combinar las hojas de estilo en cascada (CSS) con HTML para personalizar de un divisor de color, las dimensiones, la alineación y el efecto tridimensional. Aunque puede utilizar separadores con tanta frecuencia como desee y colocarlos en cualquier lugar en su página web.

Instrucciones

1 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, EditPad o TextEdit.

2 Añadir la "</ hr>" código debajo de la etiqueta BODY en la que desea que aparezca el divisor de la siguiente manera. Se crea un divisor que se extiende por toda la línea:

<Hr />

3 Añadir 'style = "width" al código para permitir que el divisor para abarcar un ancho específico. El siguiente código define el divisor 50 por ciento de la línea:

<Hr style = "width: 50%" />

4 Añadir "altura" al código para dar la línea de un grosor específico. El código siguiente da el divisor de una altura de 3 píxeles:

<Style hr = "width: 50%; altura: 3px" />

5 Incluir "color" en el código para dar el divisor de un color específico, como el rojo:

<Hr style = "width: 50%; altura: 3px; color: red" />

6 Inserte un "background-color", "color", "altura" y "anchura" para crear un divisor de aplicar ninguna sombra (eliminar su efecto tridimensional) de la siguiente manera:

<Style = hr "altura: 2px; border-width: 0; color: gray; background-color: gris" />