web前端入门到实战：html表格table的使用 以及表格的css样式

<style>table{border-spacing:0px;/*设置边框的距离*/border-collapse: collapse ;/*合并边框(设置了此属性 边框的距离就没用了 所以用此属性无需再设置边框距离)*/}td,th{border:1px solid Black;}tr:nth-child(odd){/*设置隔行背景不同色:参数:even 表示偶数 odd 表示奇数 */background-color:#bfa;}tr:hover{background-color:yellow;}</style><table><tr><!--th(table head)是特殊的一个td,用法跟td一样,只是他会有一些默认的样式(居中、加粗).可用来设置表头--><th>表格内容</th><th colspan="4">表格内容</th><!--colspan横向合并单元格.需要后面的行 然后前面的加一个rowspan指定占用的列数--></tr><tr><td>表格内容</td><td>表格内容</td><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr><tr><td>表格内容</td><td>表格内容</td><td>表格内容</td><td>表格内容</td><td rowspan="2">表格内容</td><!--rowspan纵向合并单元格.需要删除一列 然后前面的加一个rowspan指明占用的行数--></tr> <tr> <td>表格内容</td><td>