La Web del Programador: Comunidad de Programadores
https://www.lawebdelprogramador.com/foros/HTML/44841-Crear-una-linea-vertical.html

Crear una línea vertical

Crear una línea vertical

Publicado por Alberto (1 intervención) el 11/04/2001 18:51:47
Quería hacer unas separaciones en unas columnas mediante unas líneas verticales. Cómo puedo trazar únicamente líneas? (evitando rectángulos).
Gracias a todos.

RE:Crear una línea vertical

Publicado por biker (3 intervenciones) el 12/04/2001 05:30:56
Hola lo que yo hago es entre las dos columnas creo otra columna de 1pixel y a esta columna le pongo el color para similar una linea vertical
mmm entiendes???

RE:Crear una línea vertical

Publicado por Anonymous (1 intervención) el 26/09/2008 17:22:00
Pues mira escribe esto:

1
2
3
4
5
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD bgcolor="#000000" width="2"></TD>
<TD width="5"></TD>
<TD width="*"><BR></TD></TR>
</TABLE>

Esto es una tabla nadamas que sin bordes sin cellpadding y sin cellspacing por lo que solo queda una linea Vertical, no hay ninguna formula, etiqueta o como les quieras llamar para hacer una linea vertical, por lo que esto es una forma de hacerlo. Una forma de hacerlo un poquito más facil es insertando una imagen que sea una linea vertical y la formula es esta:

<img src="Aqui pones la ruta de la imagen que quieres insertar" alt="Aqui pones el nombre de la imagen que aparecera en caso de que no se vea la imagen">

NOTA: La ruta es el lugar en donde esta situado por ejemplo:

C:WIndowsTemp
O cosas asi.

Espero que te sirva, un saludo. xD.

RE:Crear una línea vertical

Publicado por Luis (1 intervención) el 16/08/2013 00:50:40
Excelente ejemplo

línea vertical

Publicado por Ulises (1 intervención) el 18/09/2009 21:33:57
Ejemplo de línea vertical

Bueno asi podeis hacer una linea
vertical y se puede poner color
de fondo y borde a los lados que
se quiera solo hay
que cuambiarle el nombre al

1
2
3
4
5
6
<div style="background-color:#FAF0E6;
width:200px;height:200px;
border-right:2px solid black;
padding-left:20px;margin-left:20px;
border-top:2px solid black;
border-bottom:2px solid black;"></div>

línea vertical

Publicado por tomas (1 intervención) el 10/07/2020 03:10:38
gracias me sirvió
Imágen de perfil de Breiner Josué

línea vertical

Publicado por Breiner Josué (1 intervención) el 25/05/2021 02:48:44
Captura-de-pantalla-54

Gracias muy útil la explicación que dejo, me sirvió bastante. anexe imagen con la línea vertical que hice gracias el ejemplo.

Crear una línea vertical

Publicado por batman (1 intervención) el 11/02/2015 00:08:22
Buenas a todos, viendo las fechas de la pregunta seguramente llego tarde, pero para conseguir un <hr> vertical lo que hay que hacer es darle altura con css:
1
2
3
hr {
    height = 80%; //del contenedor en el que se encuentre por ejemplo
}
y no lo he probado de otra manera, pero creo que el contenedor donde se encuentre tiene que tener un display en línea del tipo inline, inlineblock, justify-content...

espero que os sirva de ayuda
Imágen de perfil de ScriptShow

Crear una línea vertical

Publicado por ScriptShow (409 intervenciones) el 11/07/2020 11:21:54
Saludos,

hay varias formas de hacer líneas verticales. Veamos un ejemplo sencillo y 100% compatible:

1
<div style="border-left:4px solid gray;height:480px;"></div>

Espero sea útil.