怎樣讓Table顯示邊框

這次帶給大家怎麼讓Table顯示邊框，讓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參數來控制的。注意：只對錶格的外邊框起作用，對內部邊、線不起作用

只顯示上邊框9f6b505c8d03e0233e078bf74db9973f

只顯示下邊框b10a2a8f4008a6af9d5d59a92f9601c8

只顯示左、右邊框aea7592daf05b6c5fdf9acd977ba7a2d

只顯示上、下邊框b7f0ae994f2ec3bda5ee2e7ff958029f

只顯示左邊框99080a860bbaf7d57f0e890e747be82f

只顯示右邊框efb406896cdf57e49a55b7e361f904d8

不顯示任何邊框 f67379367ee70c194e1734434cee3d1e

<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中文網其他相關文章！