テーブル枠の効果の付け方の例です




色効果がわかりやすいように あえて TRのBGカラーと

TDのBGカラーに 変化をつけておきました

この表のソース

What's new
My Profile
My Books
Friends
Movie
Links



      Table部分のソースです

     <center><table border="2">
     <tr bgcolor="cyan">
     <td>

     <table border="4" cellpadding="0">
     <td><table border="1" cellpadding="0">
     <td><table border="6" cellpadding="2" cellspacing="5">
     <td width="80"align="center" bgcolor="lime">
     <font size="5" color="maroon"><b>What's new</font>
     </b></td>
     </table></td></table></td></table>

     </td>

     <td>
     <table border="4" cellpadding="0">
     <td><table border="1" cellpadding="0">
     <td><table border="6" cellpadding="2" cellspacing="5">
     <td width="80"align="center" bgcolor="lime">
     <font size="5" color="maroon"><b>My Profile</b>
     </font></td>
     </table></td></table></td></table>
     </td>

     <td>
     <table border="4" cellpadding="0">
     <td><table border="1" cellpadding="0">
     <td><table border="6" cellpadding="2" cellspacing="5">
     <td width="80"align="center" bgcolor="lime">
     <font size="5" color="maroon"><b>My Books</font>
     </b></td>
     </table></td></table></td></table>
     </td>
     </tr>

     <tr bgcolor="lime">

     <td><table border="4" cellpadding="0">
     <td><table border="1" cellpadding="0">
     <td><table border="6" cellpadding="2" cellspacing="5">
     <td width="80"align="center" bgcolor="cyan">
     <font size=5 color=maroon><b>Friends</font>
     </b></td>
     </table></td></table></td></table>
     </td>

     <td>
     <table border="4" cellpadding="0">
     <td><table border="1" cellpadding="0">
     <td><table border="6" cellpadding="2" cellspacing="5">
     <td width="80"align="center" bgcolor="cyan">
     <font size="5" color="maroon"><b>Movie
     </font></b>
     </td>
     </table></td></table></td></table>
     </td>

     <td>
     <table border="4" cellpadding="0">
     <td><table border="1" cellpadding="0">
     <td><table border="6" cellpadding="2" cellspacing="5">
     <td width="80"align="center" bgcolor="cyan">
     <font size="5" color="maroon"><b>Links</font>
     </b></td>
     </table></td></table></td></table>
     </td>
     </tr>
     </table>

     </center>





このページの最初へ