<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需刷新才能執行] HTML/CSS技術:實用的標簽效果,轉載需保留來源! 鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。