table中删除单元格的空白、设置单元格大小等操作

最新推荐文章于 2025-03-03 09:36:22 发布

原创最新推荐文章于 2025-03-03 09:36:22 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文介绍如何使用HTML创建表格，包括合并边框、调整单元格间距和填充等技巧，帮助开发者更好地掌握网页表格的设计与实现。

table//定义表格

th//标准单元格加粗居中可以作表头使用

thead、tbody、tfoot 可不写

<table border='' width='' height=''>//定义表格 可设置表格样式
        <thead>//表格头部
            <tr>//标准单元格
                <th>商品</th>//表头单元格
                <th>价钱</th>
            </tr>
        </thead>
        <tbody id="one">//定义表格主体内容
            <tr> 
                <th>1</th>
                <th>1</th>
            </tr>
            <tr>
                </th>
                <th>1</th>
                <th>1</th>
            </tr>
            <tr>
                </th>
                <th>1</th>
                <th>1</th>
            </tr>
            <tr>
                </th>
                <th>1</th>
                <th>1</th>
            </tr>
        </tbody>
    </table>

1、删除单元格空白（即表格设置合并边框）

border-collapse: collapse;//会忽略 border-spacing 和 empty-cells 属性

separate 默认值

inherit 继承父元素的属性

2、增加单元格的空格缝隙（单元格间距）

设置 cellspacing