表格布局 table>tr>td/th(加粗的td)
table相关属性
边 border
跨行 rowspan="2"
跨列 colspan="3"
宽 width
高 height
排列属性 align,可居中显示表格
对于复杂的表格,可以分为:题头thead,正文tbody,脚注tfoot 三部分,使用这三部分可以控制显示顺序<thead>总是在最上面,<tfoot>总是在最下边。
但如果只有一个tbody可以不写tbody,浏览器会默认把内容放在tbody中
用html的方式改变table的边,变为单线 cellspacing="0" cellpadding="0"
table表格布局示例:
<table border="1" cellpadding="0" cellspacing="0" >
<caption>这是标题</caption>
<tr><th colspan="5">课程表</th></tr>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td rowspan="2">星期五</td>
</tr>
<tr>
<td>上课</td>
<td>上课</td>
<td>上课</td>
<td>不上课</td>
</tr>
</table>
table相关属性
边 border
跨行 rowspan="2"
跨列 colspan="3"
宽 width
高 height
排列属性 align,可居中显示表格
对于复杂的表格,可以分为:题头thead,正文tbody,脚注tfoot 三部分,使用这三部分可以控制显示顺序<thead>总是在最上面,<tfoot>总是在最下边。
但如果只有一个tbody可以不写tbody,浏览器会默认把内容放在tbody中
用html的方式改变table的边,变为单线 cellspacing="0" cellpadding="0"
table表格布局示例:
<table border="1" cellpadding="0" cellspacing="0" >
<caption>这是标题</caption>
<tr><th colspan="5">课程表</th></tr>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td rowspan="2">星期五</td>
</tr>
<tr>
<td>上课</td>
<td>上课</td>
<td>上课</td>
<td>不上课</td>
</tr>
</table>