實用的標籤效果_CSS/HTML

<style type="text/css"> body{font-size:12px;line-height:150%;} table{font-size:12px;line-height:150%;} a:link {color:#000; text-decoration:none} a:visited {color:#000; text-decoration:none} a:active {color:#000; text-decoration:none} a:hover {color:#ff0000; text-decoration:underline} .s01 {border:#6BA6DE 1px solid; border-bottom:0px; background:#eff7ff; padding-top:1px} .s02 {border:#ffffff 1px solid; border-bottom:#6BA6DE 1px solid; background:#ffffff;} </style> <table width="247" border="0" cellpadding="0" cellspacing="0" id="secTable"> <tr align="center"> <td id="cl01" width="60" class="s01" onClick="secBoard(1);" style="cursor:hand">選項卡1</td> <td id="cl02" width="60" class="s02" onClick="secBoard(2);" style="cursor:hand">選項卡2</td> <td id="cl03" width="60" class="s02" onClick="secBoard(3);" style="cursor:hand">選項卡3</td> <td id="cl04" width="60" class="s02" onClick="secBoard(4);" style="cursor:hand">選項卡4</td> <td width="7" class="s02"> </td> </tr> </table> <table width="247" height="200" style="border:#6BA6DE 1px solid; border-top:0px;"> <tr> <td height="20">這還可以放固定不變的東西，如果要加上，去掉注釋符</td> </tr> <tr> <td valign="top" style="padding-top:5px;"> 這個裡面可以放你需要的東西，如果有多個選項卡的話可以適量修改代碼就可以了 具體的大小你自己調，我這做的很明顯，注意上面表格和下面表格寬度要一樣，下面一個表格的高度隨便改，最好手動修改本代碼，即不要用 DW 等工具調大小 所有的樣式呀什麼的，你都可以自己改，不懂的再問我 嘿嘿，專為 ..... 設計製作 </td> </tr> </table>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

