Effetto 3d con i css

Posted on 28. Apr, 2006 by Administrator in css, tutorials


Obiettivo
In questo articolo tratteremo come creare effetto bordo 3d con i css come in figura:

Codice

<style>
.bordoesterno{
border-left:1px solid #fff;
border-top:1px solid #fff;
border-bottom:1px solid #716f64;
border-right:1px solid #716f64;
}
.bordointerno{
border-left:1px solid #ece9d8;
border-top:1px solid #ece9d8;
border-bottom:1px solid #aca899;
border-right:1px solid #aca899;
background-color:#c4cccc;
padding:5px;
font-family:verdana;
font-size:12px;
}
</style>

<div class="bordoesterno">
<div class="bordointerno">
Caramelle e cioccolatini
</div>
</div>

Che usiamo con:

<div class=3d>ciao ciao</div>


Correlati

Leave a reply