Cómo hacer una línea continua vertical en CSS

Aunque HyperText Markup Language (HTML) proporciona una etiqueta que crea un divisor horizontal, no es un elemento equivalente que crea una línea vertical. Una necesidad de una forma vertical, se presenta a menudo, por lo que esto crea un dilema. Afortunadamente, usted tiene la opción de utilizar una solución que incorpora una tabla HTML y aplica Cascading Style Sheets código (CSS) a una frontera. Entender cómo crear el código HTML y aplicar la regla CSS que hace un éxito, línea continua vertical.

Instrucciones

1 Iniciar el software editor de texto Bloc de notas, que viene con el equipo de Windows, y abrir un documento web.

2 Coloque el cursor en el área deseada en la que desea que aparezca la línea continua. Introducir el código HTML que crea una tabla sencilla:

<Table>

<Tr>

<Td> </ td>

</ Tr>

</ Table>

3 Escriba el siguiente código antes del cierre "</ head>" elemento para crear su regla de estilo CSS para su mesa:

<Style type = "text / css">

<! -

mesa { }

->

</ Style>

4 Enter "border-left:;" o "border-right:;" entre las llaves para determinar si su línea aparece a la izquierda oa la derecha, e introduzca "sólida" tras los dos puntos para especificar así es como debería aparecer la línea. Escriba un número en píxeles (px) para determinar el ancho de la línea vertical es, y entrar en un color, como el negro, para especificar la sombra de la línea. Para ilustrar:

tabla {border-left: 1px solid negro; }

5 Tipo "altura:;" y escriba un valor numérico en píxeles (px) o porcentaje (%) para determinar cuánto tiempo es la línea. Por ejemplo:

tabla {border-left: 1px solid negro; altura: 300px; }

6 Guarde el archivo. Abrirlo en una ventana del navegador haciendo clic en la opción "Abrir" o "Abrir archivo" en el menú "Archivo" del navegador. Si está satisfecho con la línea vertical, cargar el archivo en su servidor web para publicarlo. De lo contrario, hacer ajustes a los valores en su regla de estilo antes de guardar y subirlo a su anfitrión.