如何讓Table顯示邊框

表格的常用屬性

基本屬性有：width（寬度）、height（高度）、border（邊框值）、cellspacing（表格的內寬，即表格與tr之間的間隔）、 cellpadding（表格內元素的間隔，即tr與tr之間的間隔）、bordercolorlight（表格的亮邊框顏色）、 bordercolordark（表格的暗邊框顏色）、bgcolor（表格的背景色）、background（表格的背景圖片）、 bordercolor（表格邊框的顏色）

表格內部分隔線的屬性

起作用的是rules這個參數，它有三個值(cols,rows,none)，

當rules=cols時，表格會隱藏橫向的分隔線，也就是我們只能看到表格的列；

當rules=rows時，就隱藏了縱向的分隔線，也就是我們只能看到表格的行；

而當rules=none時，縱向分隔線和橫向分隔線將全部隱 藏，我們就只能看到一個表格的外框了

表格外部分隔線的屬性

表格外邊框的顯示與隱藏，是可以用frame參數來控制的。注意：只對表格的外邊框起作用，對內部邊、線不起作用

只顯示上邊框 <table frame=above>

只顯示下邊框 <table frame=below>

只顯示左、右邊框 <table frame=vsides>

只顯示上、下邊框 <table frame=hsides>

只顯示左邊框 <table frame=lhs>

只顯示右邊框 <table frame=rhs>

不顯示任何邊框 <table frame=void>

<table summary="學生名單，包括學生編號、姓名、聯系電話、和地址。">  
    <caption>學生名單</caption>  
    <thead>  
        <th scope="col">編號</th>  
        <th scope="col">姓名</th>  
        <th scope="col">聯系電話</th>  
        <th scope="col">地址</th>  
    </thead>  
    <tfoot>  
        <td colspan="4">班主任：</td>  
    </tfoot>  
    <tbody>  
        <tr>  
            <td>1</td>  
            <td>Jamson</td>  
            <td>123-45678</td>  
            <td>XX市XX區XX號</td>  
        </tr>  
        <tr>  
            <td>2</td>  
            <td>Grace</td>  
            <td>123-45678</td>  
            <td>XX市XX區XX號</td>  
        </tr>  
        <tr>  
            <td>3</td>  
            <td>Dizzy</td>  
            <td>123-45678</td>  
            <td>XX市XX區XX號</td>  
        </tr>  
    </tbody>  
</table>

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

HTML的表格應該怎樣布局

標注HTML元素時class與id有什么不同

怎樣實現點擊按鈕文字變成input框,點擊保存變成文字的實現的效果

以上就是怎樣讓Table顯示邊框的詳細內容，更多請關注php中文網其它相關文章！