表格常用属性

表格常用属性

table{
	 border-collapse: collapse;
     width: 500px;
     height: 200px;
     text-align: center;
}
table td {
            border: 1px solid red;
}

属性	含义
border-collapse: collapse	合并相邻的边框
width	设置宽度
height	设置高度
text-align	设置表格的内容对齐方式

跨行合并：<td rowspan='2'></td>

<table>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>职业</th>
        </tr>
        <tr>
            <td>徐佳莹</td>
            <td>30</td>
            <td>歌手</td>
        </tr>
        <tr>
            <td>张韶涵</td>
            <td>30</td>
            <td>歌手，演员</td>
        </tr>
        <tr>
            <td>刘昊然</td>
            <td>20</td>
            <td rowspan="2">演员</td>/*跨行合并两项*/
        </tr>
        <tr>
            <td>王宝强</td>
            <td>30</td>
        </tr>
</table>