¿Cómo hacer una barra vertical de la CSS

CSS o Cascading Style Sheets, se utiliza contar a los navegadores cómo mostrar los elementos HTML. CSS se puede almacenar externamente desde HTML y utiliza los nombres de sección para determinar qué estilos van con cada sección. Esto ahorra tiempo ya que los desarrolladores Web pueden cambiar el aspecto de un sitio completamente cambiando éste archivo. La incorporación de una barra vertical CSS en su sitio se puede hacer de dos maneras.

Instrucciones

Usando una sección DIV

1 Abra la página Web en la que desea añadir la barra vertical.

2 Añadir una sección div llamado "VBar" a la ubicación apropiada utilizando la siguiente etiqueta:

<Div id = "VBar" </ div>

3 Guarda el archivo.

4 Abra su archivo CSS. Añadir una sección en el archivo CSS con atributos de la sección de barra vertical, como sigue:

VBar {

Ancho: px;?

altura:? px;

color de fondo:#??????;

}

Sustituir los signos de interrogación para los valores apropiados. Por ejemplo, la altura y la anchura se deben enumerar en píxeles utilizando un formato como 10px. El color de fondo debe aparecer el uso de un valor hexadecimal de Web segura de seis dígitos, tal como # 000000 de color negro o #FFFFFF para el blanco. Visita la CSS colores de los enlaces en la sección "Recursos" para más colores hexagonales.

5 Guarda el archivo.

El uso de un atributo Sección Frontera

6 Abra su archivo CSS.

7 Añadir un atributo de borde a la sección de la página que se encuentra junto a la ubicación en la que desea que su barra vertical. Por ejemplo, si usted tiene una sección de "contenedor" que está a la izquierda del lugar donde desea añadir su barra vertical, añadir un atributo border-derecho de la sección con el fin de crear un borde derecho.

envase {

border-right: X;

}

Vea la sección "Consejos" para diferentes opciones de atributo frontera.

8 Guarda el archivo.

Consejos y advertencias

• El atributo "frontera" puede usarse para determinar el ancho del borde (#px, donde # es reemplazado por un número) estilo (sólido, de puntos, guiones, doble, canto, surco, inserción, principio) o color (# ??? ???, donde los signos de interrogación son reemplazados con números para indicar los colores seguros para la web).
• Por ejemplo:
• #envase {
• border-right: 3px # 333333 sólido;
• }