表格 table
表头 thead
表体 tbody
表尾 tfoot
行 tr
列 td
列 th
表格属性
cellspacing: 单元格与单元格之间的间距
cellpadding: 单元格的内边距
border: 1 表格边框大小
width: 表格宽度
单元格属性
colspan: 单元格跨列
rowspan: 单元格跨行
如图：
<!-- 表格 --> <table border="1" cellspacing="0" cellpadding="10"> <!-- 表头 --> <thead> <!-- 行 --> <tr> <th width="100">序号</th> <th width="100">地区</th> <th width="100">销售金额</th> <th width="100">备注</th> </tr> </thead> <!-- 表体 --> <tbody> <tr> <td>1</td> <td colspan="2">华北</td> <td>暂无</td> </tr> <tr> <td>2</td> <td rowspan="2" colspan="2">华南</td> <td>暂无</td> </tr> <tr> <td>3</td> <td>暂无</td> </tr> </tbody> <!-- 表脚 --> <tfoot> <tr> <td>12</td> <td>23</td> <td>4</td> <td>5</td> </tr> </tfoot> </table> |
相关推荐
我们在wordpress文章页面经常会用到表格，有些是从其他网页或者文档复制粘贴过来的，在电脑设备网页上都能很好的展示，但是在移动设备上或者低分辨率设备上却经常撑破列宽，很是影...
我们在wordpress文章页面经常会用到表格，有些是从其他网页或者文档复制粘贴过来的，在电脑设备网页上都能很好的展示，但是在移动设备上或者低分辨率设备上却经常撑破列宽，很是影...
css隐藏图片的方法：1、为图片元素设置display:none;样式来隐藏。2、使用visibility:hidden;样式隐藏图片。3、使用opacity:0;样式通过设置图片完全透明来设置图片不可见。css...
表格 table表头 thead表体 tbody表尾 tfoot行 tr列 td列 th表格属性 cellspacing: 单元格与单元格之间的间距 cellpadding: 单元格的内边距 border: 1 表格边框大小 width:...
评论列表 （条）
