Add Shadow for Tables/Divs





33
Date Submitted Fri. Aug. 4th, 2006 9:43 AM
Revision 1 of 1
Syntax Master sundaramkumar
Tags CSS | HTML
Comments 4 comments
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

Comments works but...
Tue. May. 29th, 2007 4:10 AM    Helper morad
  Comments reply-about opacity..
Sat. Sep. 22nd, 2007 8:03 AM    Helper el_nokio
Comments Works perfectly!
Fri. May. 18th, 2007 8:55 PM    Newbie jonEP

Voting