<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表格</title>
<style>
table{/*为页面中所有table标签添加样式*/
border: black 1px solid;/*设置边框样式*/
border-spacing: 0px;/*去掉table标签及其子标签边框间空隙*/
border-collapse: collapse;/*去掉(折叠)重合的边框*/
width: 720px;/*设置table宽度*/
margin: 0 auto;/*设置水平居中*/
}
td{
border: black 1px solid;
}
th{
border: black 1px solid;
}
</style>
</head>
<body>
<table>
<tr><!--tr table row 表格行-->
<th>学号</th><!--th table head 表格头数据-->
<th>姓名</th>
<th>手机号</th>
<th>家庭地址</th>
</tr>
<tr>
<td>0001</td><!--td table data 表格数据-->
<td>Jim</td>
<td>18838254646</td>
<td>河南郑州市高新技术开发区</td>
</tr>
<tr>
<td>0002</td>
<td>Jimmy</td>
<td>18838456978</td>
<td>河南郑州市高新技术开发区</td>
</tr>
<tr>
<td>0003</td>
<td>Jimmmy</td>
<td>18837818974</td>
<td>河南郑州市高新技术开发区</td>
</tr>
</table>
</body>
</html>
样式: