首頁  >  文章  >  web前端  >  Table顯示你要顯示的邊框程式碼

Table顯示你要顯示的邊框程式碼

高洛峰
高洛峰原創
2017-02-22 11:35:111360瀏覽

表格的常用屬性

基本屬性有: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>

更多Table顯示你要顯示的邊框代碼相關文章請關注PHP中文網!

#
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn