0zbwy6.png

tr(table row)表示行，所有3个tr元素
td(table data)表示列，每一行，有2列，所以每一个tr元素里，有2个td元素

  • 带边框的表格

    1 2
    3 4
    a b

  • 设置table宽度

    单元格宽度绝对值

    0zbI0S.png

    单元格宽度相对值

    设置td的属性width为百分数

    <td style="width: 95%;">1</td>

    单元格水平对齐

    align="left"  左对齐
<table border="1" width="200px" align="left">

    单元格垂直对齐

    0zL9Df.png

    横向合并

    colspan="2"

    纵向合并

    rowspan="2

    背景色

        <table border="1" width="200px" align="left">
        <tr>
            <td style="width: 50%;">1</td>
            <td>2</td>
        </tr>
        <tr bgcolor='gray'>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>a</td>
            <td style="background-color: pink;">b</td>
        </tr>
    </table>
    作者:
    文章链接: https://www.benfang.ink/index.php/archives/403/
    版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自喵喵知识园 ！
    无标签

    评论