Css tips and tricks
6.884 visualizzazioni
CSS: bordo trasparente interno
03/01/2012Senza dover annidare due box uno dentro l'altro, esiste una tecnica CSS che permette di creare un div con doppio bordo, nel codice di esempio una patriottica combinazione, bordo esterno verde, bordo interno bianco, sfondo rosso!
Ecco il codice (sostituire le parentesi quadre con le parentesi graffe) della classe da applicare al nostro div:
.bordo_interno [
background: #f00;
color: #fff;
margin: 50px;
padding: 15px;
position: relative;
]
.bordo_interno:before [
border: 5px solid #0f0;
content: "";
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
]
