CSS | Cómo hacer bordes múltiples con CSS

Si alguna vez te preguntaste como hacer bordes dobles en tus divs, este pequeño truco de CSS te ayudará a hacer bordes múltiples sin la necesidad de usar imagenes para ello y con la gran ventaja de que esta soportado por todos los exploradores.

Demostración del efecto

1) LO PRIMERO QUE DEBEMOS HACER ES LA DIV EN LA QUE QUEREMOS CREAR EL EFECTO:

2) PARA CREAR EL EFECTO DEL BORDE MULTIPLE, USAREMOS LOS PSEUDO-ELEMENTOS BEFORE-AFTER:

ANALIZANDO EL CÓDIGO:

Via: Nettuts

Scroll to top