Contenitore con doppio bordo

spacca!  0 scarso!  0 versione stampa invia per email scheda utente totale visite  1236
Creo un div con un bordo doppio utilizzando la proprietà box-shadow dei css 3

<style type="text/css">
    div.box {
        background: #EEEEEE;
        box-shadow: 0 0 0 4px #FFF inset, 0 0 0 4px #CCC;
        height:60px;  
        width: 300px;
    }
</style>

<div class="box"></div>
Ho messo un bordo di 4 px per far notare l'effetto ma fa la sua bella figura anche con un bordo di un solo pixel
 
 

Inserisci un commento

non sei loggato

CAPTCHA