Codice CSS per avere un effetto 3D ai bordi

Ciao a tutti amici di Wiki Info, in questo tutorial vi spiego come realizzare un bordo 3D in qualsiasi contenitore o bordo che avete nel vostro sito, blog o forum. Prima di iniziare la guida, vi mostro subito il codice:

Codice:

 border:1px solid #C3E0F1;
  border-radius:4px;
  box-shadow:1px 1px 1px;
  margin:3px 1px;
  padding-bottom:8px;
  padding-top:4px

Come potrai vedere tu stesso, nell'immagine qui sopra, nel lato in basso e nel lato destro, c'è uno strato che da un po l'effetto 3D. Io ho aggiungo anche un bordo arrotondato, per rendere il box anche elegante. In caso volete inserire anche un arrotondamento, al posto di quel codice dovrete inserire questo:

Codice:

border:1px solid #C3E0F1;
border-radius:4px;
box-shadow:1px 1px 1px;
margin:3px 1px;
padding-bottom:8px;
padding-top:4px
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;

L'effetto è strabiliante e lo consiglio a tutti quelli che hanno un bel forum di inserirlo. Per applicare l'effetto in un div che avete nel vostro blog, forum o sito, baste che mettete questo:

Codice:

.nome del div  {

I codici CSS del bordo 3D

}

Visto? E' una cosa molto semplice! Buon proseguimento su Wiki Info!

Bella guida Admin, mi piace come idea il bordo 3D