Add Shadow for Tables/Divs
31
a simple css way to add shadow to tables and Divs
<html>
<head>
<title></title>
<style type="text/css">
<!--
body { padding: 5em }
#shadow { color: #000; background: #ccc none; width: 50% }
#shadow table { position: relative; left: -8px; top: -9px;
width: 100%;
background: red }
-->
</style>
</head>
<body>
<div id="shadow">
<table>
<tr>
<td>ggggg ggggggg</td>
<td>ggggg ggggggg</td>
<td>gggggg gggggg</td>
</tr><tr>
<td>ggggg ggggggg</td>
<td>ggggg ggggggg</td>
<td>gggggg gggggg</td>
</tr><tr>
<td>ggggg ggggggg</td>
<td>ggggggg ggggg</td>
<td>gggggg gggggg</td>
</tr></table>
</div>
</body>
</html>






isnt it?
http://www.morad.info/
- " i think that i can think as randomly as i want to always so.. " - [ el_nokio ]
<style type="text/css">
<!--
body { padding: 5em }
#shadow { color: #000;
background: #ccc none;
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
width: 100% }
#shadow table { position: relative;
left: -8px;
top: -9px;
width: 100%;
color: white;
background: red }
-->
</style>
Say is there anyway to do rounded corners for the shadows?