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

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 

 

3、设置单元格大小(单元格填充)

cellpadding="10"//用来设置单元格的边距 可以把单元格撑大 达到设置单元格不同大小的目的

 


版权声明:本文为m0_52001826原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。