欢迎光临
我们一直在努力

HTML | 表格tr、td属性

tr属性

属性描述
alignrightleftcenterjustifychar定义表格行的内容对齐方式。
bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取而代之。规定表格行的背景颜色。
charcharacter规定根据哪个字符来进行文本对齐。
charoffnumber规定第一个对齐字符的偏移量。
valigntopmiddlebottombaseline规定表格行中内容的垂直对齐方式。

td属性

属性描述
abbrtext规定单元格中内容的缩写版本。
alignleftrightcenterjustifychar规定单元格内容的水平对齐方式。
axiscategory_name对单元进行分类。
bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取而代之。规定单元格的背景颜色。
charcharacter规定根据哪个字符来进行内容的对齐。
charoffnumber规定对齐字符的偏移量。
colspannumber规定单元格可横跨的列数。
headersheader_cells'_id规定与单元格相关的表头。
heightpixels%不赞成使用。请使用样式取而代之。规定表格单元格的高度。
nowrapnowrap不赞成使用。请使用样式取而代之。规定单元格中的内容是否折行。
rowspannumber规定单元格可横跨的行数。
scopecolcolgrouprowrowgroup定义将表头数据与单元数据相关联的方法。
valigntopmiddlebottombaseline规定单元格内容的垂直排列方式。
widthpixels%不赞成使用。请使用样式取而代之。规定表格单元格的宽度。

简单的例子

<!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 align="center" bgcolor="green">
                    <td bgcolor="red">散人研</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>
                <tr>
                    <td>平均</td>
                    <td>15000</td>
                    <td>20000</td>
                    <td>25000</td>
                </tr>
            </tfoot>
        </table>                      
    </body>
</html>
赞(0) 打赏
未经允许不得转载:散人研 » HTML | 表格tr、td属性
分享到: 更多 (0)

评论 抢沙发

7 + 8 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

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

支付宝扫一扫打赏

微信扫一扫打赏