<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>new</title>
<style>
table{/*为页面中所有table标签添加样式*/
width:720px;/*设置table宽度*/
margin: 0 auto;/*设置table水平居中*/
border-spacing:0px;/*去掉table标签及其子标签边框直接空隙*/
border: black 1px solid;/*添加边框*/
border-collapse: collapse;/*去掉重合线*/
}
th{
border: black 1px solid;
}
td{
border: black 1px solid;
}
</style>
</head>
<body>
<table>
<tr>
<th>id</th>
<th>姓名</th>
<th>住址</th>
<th>电话</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
</table>
</body>
</html>
当改变第三行的标签属性时,比如
<tr>
<td style="height: 300px;vertical-align:top;">2</td>
<td>2</td>
<td style="text-align: center;">2</td>
<td>2</td>
</tr>
结果会变为