Code Background Shadow

A	B	C
D	E	F
G	H	I
J	K	L
M	N	O
P	Q	R

<style type="text/css">
#Example_A {
    -moz-box-shadow: -5px -5px #888;
    -webkit-box-shadow: -5px -5px #888;
    box-shadow: -5px -5px #888;
    background-color: #00FF00;
    text-align: center;
    width: 50px;
}
#Example_B {
    -moz-box-shadow: -5px -5px 5px #888;
    -webkit-box-shadow: -5px -5px 5px #888;
    box-shadow: -5px -5px 5px #888;
    background-color: #00FF00;
    text-align: center;
    width: 50px;
}
#Example_C {
    -moz-box-shadow: -5px -5px 0 5px #888;
    -webkit-box-shadow: -5px -5px 0 5px#888;
    box-shadow: -5px -5px 0 5px #888;
    background-color: #00FF00;
    text-align: center;
    width: 50px;
}
#Example_D {
    -moz-box-shadow: -5px -5px 5px 5px #888;
    -webkit-box-shadow: -5px -5px 5px 5px#888;
    box-shadow: -5px -5px 5px 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_E {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_F {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_G {
    -moz-box-shadow: inset -5px -5px #888;
    -webkit-box-shadow: inset -5px -5px #888;
    box-shadow: inset -5px -5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_H {
    -moz-box-shadow: inset -5px -5px 5px #888;
    -webkit-box-shadow: inset -5px -5px 5px #888;
    box-shadow: inset -5px -5px 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_I {
    -moz-box-shadow: inset -5px -5px 0 5px #888;
    -webkit-box-shadow: inset -5px -5px 0 5px#888;
    box-shadow: inset -5px -5px 0 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_J {
    -moz-box-shadow: inset -5px -5px 5px 5px #888;
    -webkit-box-shadow: inset -5px -5px 5px 5px#888;
    box-shadow: inset -5px -5px 5px 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_K {
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px#888;
    box-shadow: inner 0 0 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_L {
    -moz-box-shadow: inset 0 0 5px 5px #888;
    -webkit-box-shadow: inset 0 0 5px 5px#888;
    box-shadow: inset 0 0 5px 5px #888;
    background-color: #00FF00;
    text-align: center;
}
#Example_M {
    -moz-box-shadow: 5px 5px rgb(0,0,0);
    -webkit-box-shadow: 5px 5px rgb(0,0,0);
    box-shadow: 5px 5px rgb(0,0,0);
    background-color: #00FF00;
    text-align: center;
}
#Example_N {
    -moz-box-shadow: 5px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.7);
    box-shadow: 5px 5px rgba(0,0,0,0.7);
    background-color: #00FF00;
    text-align: center;
}
#Example_O {
    -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 5px rgba(0,0,0,0.5);
    background-color: #00FF00;
    text-align: center;
}
#Example_P {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px black;
    -webkit-box-shadow: 5px 5px black;
    box-shadow: 5px 5px black;
    background-color: #00FF00;
    text-align: center;
}
#Example_Q {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    background-color: #00FF00;
    text-align: center;
}
#Example_R {
    -moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
    -webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
    box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
    background-color: #FF00FF;
    text-align: center;
}
</style>
<table width="200" border="1" cellspacing="0" cellpadding="20" align="center">
  <tr>
    <td ><div id="Example_A">A </div>
    </td>
    <td><div id="Example_B">B </div>
    </td>
    <td><div id="Example_C">C </div>
    </td>
  </tr>
  <tr>
    <td><div id="Example_D">D </div>
    </td>
    <td><div id="Example_E">E</div>
    </td>
    <td><div id="Example_F">F </div>
    </td>
  </tr>
  <tr>
    <td><div id="Example_G">G</div>
    </td>
    <td><div id="Example_H">H </div>
    </td>
    <td><div id="Example_I">I </div>
    </td>
  </tr>
  <tr>
    <td><div id="Example_J">J</div>
    </td>
    <td><div id="Example_K">K</div>
    </td>
    <td><div id="Example_L">L</div>
    </td>
  </tr>
  <tr>
    <td><div id="Example_M">M</div>
    </td>
    <td><div id="Example_N">N</div>
    </td>
    <td><div id="Example_O">O</div>
    </td>
  </tr>
    <tr>
    <td><div id="Example_P">P</div>
    </td>
    <td><div id="Example_Q">Q</div>
    </td>
    <td><div id="Example_R">R</div>
    </td>
  </tr>
</table>

http://www.css3.info/preview/box-shadow/