欢迎光临
我们一直在努力

HTML | 表格table属性

文章目录

表格属性

属性描述
widthpixels、%规定表格的宽度
alignleft、center、right相对表格周围元素的对其方式
borderpixels规定表格边框宽度
bgcolorrgb(x,x,x)、#xxxxxx、colorname规定表格背景颜色
cellpaddingpixels、%外边框与其内容之间的空白
cellspacingpixels、%单元格之间的空白
frame属性值规定外边框可见位置
rules属性值规定内边框可见位置

frame属性值

注意: HTML5 不支持 <table> frame 属性。

描述
void不显示外侧边框。
above显示上部的外侧边框。
below显示下部的外侧边框。
hsides显示上部和下部的外侧边框。
vsides显示左边和右边的外侧边框。
lhs显示左边的外侧边框。
rhs显示右边的外侧边框。
box在所有四个边上显示外侧边框。
border在所有四个边上显示外侧边框。

rules属性值

注意: HTML5 不支持 <table> rules 属性。

描述
none没有线条。
groups位于行组和列组之间的线条。
rows位于行之间的线条。
cols位于列之间的线条。
all位于行和列之间的线条。

简单的例子

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表格演示</title>
    </head>
    <body>
        <!--创建一个三行三列的表格-->
        <table border="5" width="500px" bgcolor="f2f2f2" cellspacing="1" cellpadding="5px" align="center">              
            <caption>收入表格</caption>  
            <thead>
                <tr>         
                    <th>姓名</th>                   
                    <th>第一年收入</th>           
                    <th>第二年收入</th>
                    <th>第三年收入</th>
                </tr> 
            </thead> 
            <tbody>                    
                <tr>
                    <td>散人研</td>
                    <td>10000</td>
                    <td>20000</td>
                    <td>30000</td>
                </tr>
                <tr>
                    <td>君莫笑</td>
                    <td>20000</td>
                    <td>20000</td>
                    <td>20000</td>
                </tr>
            </tbody>
            <tfoot>
                    <td>平均</td>
                    <td>15000</td>
                    <td>20000</td>
                    <td>25000</td>
            </tfoot>
        </table>                      
    </body>
</html>
赞(1) 打赏
未经允许不得转载:散人研 » HTML | 表格table属性
分享到: 更多 (0)

评论 抢沙发

9 + 3 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏