Cómo crear una línea vertical entre menús

Las líneas verticales se crean entre los elementos de un menú web horizontal como separadores. Las líneas ayudan a los usuarios a diferenciar en un área enlace de navegación termina y comienza el siguiente enlace, especialmente cuando los elementos del menú están muy juntas debido a las limitaciones de diseño. Los menús se crean normalmente mediante el uso de CSS con el estilo de una lista desordenada. Puede crear una línea vertical entre los elementos de menú mediante la adición de un borde a un lado de la lista de etiquetas-elemento con CSS.

Instrucciones

1 Abra la página Web, haga clic en él, haga clic en "Abrir con". Haga clic para seleccionar "Bloc de notas" o "WordPad". Haga clic en Aceptar."

2 Localiza código lista desordenada del menú. Una lista sin orden comienza con una etiqueta "<UL>" y termina con un "</ UL>" etiqueta, entre los que hay varios conjuntos de "<LI>" y "</ LI>" etiquetas que se utilizan para referirse a los enlaces del menú.

3 Haga clic para colocar el cursor a la izquierda del soporte final de una abertura "<LI>" etiqueta. Pulse el botón "barra espaciadora".

4 Tipo "style =" border-right: 1px solid # 000000; "" para crear un borde en el lado derecho de la opción de menú que es de 1 píxel de ancho, una línea continua, y de color negro ( "# 000000" es el valor hexadecimal para el negro).

5 Sustituir el valor "1 píxel" en el paso anterior con el ancho de la línea vertical deseada. Reemplazar "sólida" con "puntos", "doble" o "discontinua" para cambiar el estilo de línea vertical. Reemplazar "# 000000" con el valor hexadecimal del color que desee cambiar el color de línea vertical.

6 Repita los pasos 3, 4 y 5 para todos "<li>" etiquetas en el menú, saltándose la etiqueta del último elemento de menú "<LI>". (Creación de un borde en el lado derecho de la última opción de menú deja una línea vertical que cuelga en el lado derecho del menú.)

7 Haga clic en "Archivo" y "Guardar" para guardar la página Web.