Tecnología

Inicio

Cómo hacer una línea horizontal en las Hojas de estilo en cascada externa

May 20

Usted no tiene que utilizar un programa de edición de imágenes para crear líneas de colores para sus páginas web. Líneas y formas - cuando se coloca estratégicamente - pueden añadir interés a sitios web y ayudar a organizar y separar la información sobre las páginas Web de hacinamiento. El uso de una hoja de estilo en cascada externa, puede convertir cualquier navegador en una máquina de dibujo que permite poner líneas horizontales personalizadas cualquier lugar que desee en cualquier página web.

Instrucciones

1 Abrir Bloc de notas y pega el código siguiente en un nuevo documento:

div.line {
background-color: azul;
Anchura: 200px;
altura: 2px;
}

Este código CSS define los atributos para el div que va a utilizar para crear su línea horizontal. El atributo background-color establece el color de la línea. Los atributos de anchura y altura determinan la anchura y la altura de la línea en píxeles. Cambiar los valores de anchura y altura de lo que quiera. Reemplazar "azul" con cualquier nombre de color HTML válido. Encuentra nombres de colores de color HTML válido en la Web mediante la búsqueda de nombres de colores HTML.

2 Guarde el documento con una extensión de archivo ".css". Esto crea una hoja de estilo en cascada externa.

3 Lanzar cualquier editor HTML y abrir uno de sus documentos HTML.

4 Pegar el código se muestra a continuación en la sección de cabecera del documento:

<Link href = "STYLE_SHEET_NAME.css" rel = "stylesheet" type = "text / css" />

Reemplazar "STYLE_SHEET_NAME.css" con el nombre de la hoja de estilo que ha guardado. La adición de este código añade la hoja de estilo a su documento HTML.

5 Encuentra sección del cuerpo del documento y pegue el siguiente código en el que desea que aparezca su línea:

<Div class = "línea" />

Esta sola línea de código crea la línea que ha definido en la hoja de estilo en cascada externa.

6 Guarde el documento y verlo en un navegador para ver la línea de la página web.

Consejos y advertencias

  • Hacer una línea horizontal cubre el ancho de la página web, cambiando su valor de anchura a "100%".
  • Colocar tantas líneas como sea necesario en sus páginas web mediante la adición de un código div demostrado previamente a su código.
  • Hacer líneas más gruesas, aumentando el valor de la anchura de la hoja de estilo en cascada externa.