|
|
|
Add Shadow for Tables/Divs
33
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>
Comments
Voting
Votes Up
alambkin
ASmith
badfword
bertheymans
brendo
ColdKeyboard
ctiggerf
deathdeala
Dekion
dohpaz
elsevero
el_nokio
ffxfiend
Hameed
i_kenneth
jonEP
justincredible
kennygunie
lolfejs
morad
napyfab
Pio
RatNuShock
ray73864
sehrgut
Shanx
snowdonkey
Spugster
stalkerX
sundaramkumar
vcardenas
wiz1705
ysg




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?