EasyClick Html UI 第五节 表格标签

Posted 2022-02-17 Mr -老鬼

EasyClick html UI 第五节 表格标签

表格的结构

表格是由行和列组成，相当于一个excel文件打开时的表格展示。
如下图所示

表格标签

• <table>标签：表示一个表格
• <tr>标签：表示表格中的一行
• <td>标签：表示表格中的列
• <th>标签：表示表格中的表头

示例代码

<table>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>22</td> 
    </tr>
     <tr>
        <td>李四</td>
        <td>19</td> 
    </tr>
</table>

表格边线合并:

border-collapse 设置表格的边线合并，如：border-collapse:collapse;

交流QQ群：620028786，647082990，772810035
————————————————— 版权声明—————————————-————
版权所有~Mr-老鬼 ~转载请注明原文地址
免责声明：本文所有的教程仅限交流学习使用不得用于违法用途，造成的法律后果本人不承担责任。