html——table标签及其css样式
<table border="1"width="400px"height="200px">css表格样式
<caption>完整table</caption> //标题
<thead>
<tr>
<th>头</th>
<th>部</th>
</tr>
</thead>
<tbody>
<tr>
<td>⾝</td>
<td>体</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">底部</td> //横向合并
</tr>
</tfoot>
</table>
css样式:
width height——仅table和td使⽤
align⽔平对齐——table+tr+td
valign垂直对齐——tr+td
cellpadding cellspacing内外边距——table
注:thead/tbody/tfoot是不可见元素 ⽆法给它们设置属性
细线表格:
table{background-color: black;}
tr{background-color: white;}
另外table加上 cellspacing='1'
若指定了 thead 和 tfoot,则其有默认⾼度 不随 table 设置⾼度改变
rowspan 和 colspan 只是向下和向后合并
去除表格间隙:
table{
border-collapse: collapse;
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。