怎么讓Table顯示邊框

表格的常用屬性

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

表格內(nèi)部分隔線的屬性

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

當(dāng)rules=cols時(shí)，表格會(huì)隱藏橫向的分隔線，也就是我們只能看到表格的列；

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

而當(dāng)rules=none時(shí)，縱向分隔線和橫向分隔線將全部隱 藏，我們就只能看到一個(gè)表格的外框了

表格外部分隔線的屬性

表格外邊框的顯示與隱藏，是可以用frame參數(shù)來(lái)控制的。注意：只對(duì)表格的外邊框起作用，對(duì)內(nèi)部邊、線不起作用

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

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

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

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

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

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

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

<table summary="學(xué)生名單，包括學(xué)生編號(hào)、姓名、聯(lián)系電話、和地址。">  
    <caption>學(xué)生名單</caption>  
    <thead>  
        <th scope="col">編號(hào)</th>  
        <th scope="col">姓名</th>  
        <th scope="col">聯(lián)系電話</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區(qū)XX號(hào)</td>  
        </tr>  
        <tr>  
            <td>2</td>  
            <td>Grace</td>  
            <td>123-45678</td>  
            <td>XX市XX區(qū)XX號(hào)</td>  
        </tr>  
        <tr>  
            <td>3</td>  
            <td>Dizzy</td>  
            <td>123-45678</td>  
            <td>XX市XX區(qū)XX號(hào)</td>  
        </tr>  
    </tbody>  
</table>

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

HTML的表格應(yīng)該怎樣布局

標(biāo)注HTML元素時(shí)class與id有什么不同

怎樣實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框,點(diǎn)擊保存變成文字的實(shí)現(xiàn)的效果

以上就是怎樣讓Table顯示邊框的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！