Buon pomeriggio!
Ho creato questa tabella (codice sotto) e vorrei (se si può)di dare un effetto ombra tramite il codice css usato per creare il tutto.
Qualche suggerimento?



codice:
<head>
<style>

/* STILE BASE PAGINA */

body
{
    background-color: #FFFFFF;
}
div
{
    font: Normal 10px Verdana;
}
a
{
    color: #FFFFFF;
}

/* BORDI E CONTENUTO BOX */

div.BORDI
{
    width: 520px;
}
div.CONTENUTO
{
    background-color:brown;
    color: #FFFFFF;
    width: 520px;
    padding: 5px;
}

/* CREAZIONE ANGOLI  */

span.TOP, span.BOTTOM
{
    display: Block;
    background-color: #FFFFFF;
}
span.TOP span, span.BOTTOM span
{
    display: Block;
    overflow: Hidden;
    background-color: brown;
    height: 1px;
}
span.RIGA1
{
    margin: 0 5px;
}
span.RIGA2
{
    margin: 0 3px;
}
span.RIGA3
{
    margin: 0 2px;
}
span.TOP span.RIGA4, span.BOTTOM span.RIGA4
{
    margin: 0 1px;
    height: 2px;
}

</style>


</head>

<body>

<div class="BORDI">
    <span class="TOP">
        <span class="RIGA1"></span>
        <span class="RIGA2"></span>
        <span class="RIGA3"></span>
        <span class="RIGA4"></span>
    </span>
</div>
<div class="CONTENUTO">
    TESTO


    
testo testo testo
testo testo
   
</div>
<div class="BORDI">
    <span class="BOTTOM">
        <span class="RIGA4"></span>
        <span class="RIGA3"></span>
        <span class="RIGA2"></span>
        <span class="RIGA1"></span>
    </span>
</div>

</body>