Computación y electrónica

Cómo crear una línea vertical sólida en CSS

Escrito por brandy alexander

A pesar de que HyperText Markup Language (HTML) proporciona una etiqueta que crea una división horizontal, no hay un elemento equivalente que genere una línea vertical. La necesidad de la misma se presenta a menudo, así que esto crea un dilema. Afortunadamente, tienes la opción de utilizar una solución que incorpora una tabla HTML y aplica el código Cascading Style Sheets (CSS) al borde. Entiende cómo se crea el código HTML y aplica las reglas CSS que crean con éxito una línea vertical y sólida.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el Bloc de notas, que viene con tu computadora con Windows, y abre un documento web.

  2. 2

    Coloca el cursor en el área deseada donde quieres que la línea sólida aparezca. Introduce el código HTML que crea una tabla simple: ************************

  3. 3

    Escribe el siguiente código antes del cierre ********* del elemento para crear tu regla de estilo CSS para la tabla: **************************************

  4. 4

    Ingresa "border-left:", o "border-right:;" entre las llaves para determinar si la línea aparece a la izquierda o a la derecha, e ingresa "solid" tras los dos puntos para especificar la forma en que la línea debe aparecer. Escribe un número en píxeles (px) para determinar el ancho de la línea vertical, e ingresa un color como el negro, para especificar el color de la línea. Para ilustrar: ************************

  5. 5

    Escribe "height:", y un valor numérico en píxeles (px) o porcentaje (%) para determinar cuánto tiempo estará la línea. Por ejemplo: *********************************

  6. 6

    Guarda el archivo. Ábrelo en una ventana del navegador haciendo clic en la opción “Open” (Abrir) o “Open File” (Abrir archivo) del menú “File” (Archivo) del navegador. Si estás conforme con la línea vertical, carga el archivo en tu servidor web para publicarlo. De lo contrario, realiza los ajustes a los valores de la regla de estilo antes de guardarla y cargarla a tu host.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media