Tricks: How to...
Image effects:
› Preload images
› Preload images 2
› Swap images
› Swap images 2
› View larger image
› Image transparency
› Image slideshow
Special effects:
› Border
› Border 2
› Watermark
› Scroller
› Scroller 2
› Link hover color
› Custom cursor
› Snowing
› Auto window resizer
› Link tips
› Popup
Buttons & menus:
› Back button
› Java buttons
› Flat buttons
› Slide menu
› Drop down menu
› Alphabet menu
Mouse effects:
› Elastic mouse
› Mouse snake
› Mouse stars
› Mouse orbit
› Mouse eyes
Text generators:
› Infobox
› Quote generator
› Fading messages
› Text fader
› Text glow
› Credits

home > real world > web resource > web source codes >

We can make an interesting table with a thin border and a thick header.

In fact, it's about a table within a table, and the biggest table has cellpadding=1 and a bgcolor. The second table has 2 rows, one for the header, with the same bgcolor as first table's, and the second row - the content itself with a different bgcolor.

<table width=200 border=0 cellpadding=1 cellspacing=0 bgcolor=#229922>
   <tr>
      <td>
         <table border=0 cellpadding=1 cellspacing=0>
            <tr>
               <td bgcolor=#229922 align=center>
                  <strong><font color=#FFFFFF>TABLE HEADER</font></strong>
               </td>
            </tr>
            <tr>
               <td bgcolor=#004400 align=center>
                  <p>Some text...
                  <p>...And more text...
                  <p>...And more and more text.
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>