HTML table表格邊框的控制詳細(xì)說明

字號(hào)： 小 中 大


    表格邊框的顯示與隱藏，是可以用frame參數(shù)來控制的。請(qǐng)注意它只控制表格的邊框圖，而不影晌單元格。
    只顯示上邊框 <table frame=above>
    只顯示下邊框 <table frame=below>
    只顯示左、右邊框 <table frame=vsides>
    只顯示上、下邊框 <table frame=hsides>
    只顯示左邊框 <table frame=lhs>
    只顯示右邊框 <table frame=rhs>
    不顯示任何邊框 <table frame=void>
    代碼如下:
    <html>
    <head>
    <title>表格邊框的隱藏</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
    body { color:"#ffffff";
    font-family: "宋體";
    font-size: 12px;
    margin-top : 4;
    }
    .t {
    border: #000000; border-style: solid; border-width: 1px
    }
    td {
    font-family: "Tahoma", "MS Shell Dlg"; font-size: 12px
    }
    textarea {border: 1 solid #000000"}
    </style>
    </head>
    <body bgcolor="#999999" text="#000000">
    <center>
    <table width="600" cellspacing="0" cellpadding="8">
    <tr>
    <td>
    <table width="200" cellpadding="0" cellspacing="0">
    <tr>
    <td>普</td>
    <td>表</td>
    </tr>
    <tr>
    <td>通</td>
    <td>格</td>
    </tr>
    </table>
    </td>
    <td>這是一普通的表格</td>
    </tr>
    <tr>
    <td>
    <table width="200" cellspacing="0" cellpadding="0" frame=above>
    <tr>
    <td>頭</td>
    <td>上</td>
    </tr>
    <tr>
    <td>有</td>
    <td>天</td>
    </tr>
    </table>
    </td>
    <td>只顯示上邊框</td>
    </tr>
    <tr>
    <td>
    <table width="200" cellspacing="0" cellpadding="0" frame=below>
    <tr>
    <td>腳</td>
    <td>下</td>
    </tr>
    <tr>
    <td>有</td>
    <td>地</td>
    </tr>
    </table>
    </td>
    <td>只顯示下邊框</td>
    </tr>
    <tr>
    <td>
    <table width="200" cellspacing="0" cellpadding="0" frame=vsides>
    <tr>
    <td>上不著天</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>下不著地</td>
    </tr>
    </table>
    </td>
    <td>只顯示左、右邊框</td>
    </tr>
    <tr>
    <td>
    <table cellspacing="0" cellpadding="0" frame=hsides width="200">
    <tr>
    <td>去掉兩邊</td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td>只剩“王”字</td>
    </tr>
    </table>
    </td>
    <td>只顯示上、下邊框</td>
    </tr>
    <tr>
    <td>
    <table width="200" cellspacing="0" cellpadding="0" frame=lhs>
    <tr>
    <td width="100">只</td>
    <td width="100">有</td>
    </tr>
    <tr>
    <td>左</td>
    <td>邊</td>
    </tr>
    </table>
    </td>
    <td>只顯示左邊框</td>
    </tr>
    <tr>
    <td>
    <table width="200" cellspacing="0" cellpadding="0" frame=rhs>
    <tr>
    <td width="100">只</td>
    <td width="100">有</td>
    </tr>
    <tr>
    <td>右</td>
    <td>邊</td>
    </tr>
    </table>
    </td>
    <td>只顯示右邊框</td>
    </tr>
    <tr>
    <td>
    <table width="200" cellspacing="0" cellpadding="0" frame=void>
    <tr>
    <td>四周</td>
    <td>去掉</td>
    </tr>
    <tr>
    <td>只留</td>
    <td>中間</td>
    </tr>
    </table>
    </td>
    <td>不顯示任何邊框</td>
    </tr>
    <tr>
    <td colspan="2">
    <hr size="1" color=black>
    表格邊框的顯示與隱藏，是可以用frame參數(shù)來控制的。請(qǐng)注意它只控制表格的邊框圖，而不影晌單元格。
    只顯示上邊框 &lt;table frame=above&gt;
    只顯示下邊框 &lt;table frame=below&gt;
    只顯示左、右邊框 &lt;table frame=vsides&gt;
    只顯示上、下邊框 &lt;table frame=hsides&gt;
    只顯示左邊框 &lt;table frame=lhs&gt;
    只顯示右邊框 &lt;table frame=rhs&gt;
    不顯示任何邊框 &lt;table frame=void&gt;</td>
    </tr>
    </table>
    </center>
    </body>
    </html>