Cómo hacer doble fronteras con CSS

Estilos le permiten añadir diversos tipos de mejoras a los elementos de las páginas web. Las fronteras son útiles para el estilo cuando se quiere llamar la atención sobre un área particular, tal como un importante párrafo o una imagen que desea enmarcar. CSS le permite aplicar diferentes estilos a una frontera.

Instrucciones

1 Abra el archivo de hoja de estilo en su editor de páginas Web o cualquier editor de texto plano. Busque el elemento que desea aplicar un estilo de borde doble. Por ejemplo, si desea aplicar el estilo al elemento <p>, buscar la regla CSS para la etiqueta <p>, como se muestra a continuación:

pag {
}

2 Inserte la propiedad "border-style" en la regla de "p". Tipo de "doble" como su valor como se muestra a continuación. Tenga en cuenta cómo dos puntos separa la propiedad y el valor, y la forma en la declaración termina con un punto y coma.

pag {
Border-style: doble;
}

3 Haga clic en "Archivo" y luego haga clic en "Guardar" para guardar los cambios en el archivo de hoja de estilos. Los cambios se reflejarán en todas las páginas web que vincula el archivo.

Consejos y advertencias

• Agregue la propiedad "border-width" si desea especificar el grosor del borde. Se puede elegir entre tres valores estándar "fina", "medio" o "gruesa", o introduzca el valor en píxeles, tales como "5px" (sin comillas). Si no se especifica un grosor del borde, se utilizará el valor por defecto. Tenga en cuenta que la propiedad "border-width" no tiene ningún efecto si no se establece la "border-style" en primer lugar.
• Si utiliza bordes dobles y grosor del borde en conjunto, la suma de las dos fronteras y el espacio intermedio es igual al espesor de conjunto.