<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>table</title>
</head>
<style>
body{
padding: 0px;
margin:0px;
font-family:"微软雅黑";
}
table{
margin-left: 30%;
height: 600px;
width:600px;
color: #333;
}
td,th{
border:1px solid #233;
text-align: center;
background: #ccc;
}
</style>
<body>
<table cellpadding='0'>
<tr>
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
</tr>
<tr>
<td rowspan='4'>上午</td>
<td>数学</td>
<td>外语</td>
<td>计算机</td>
<td>计算机</td>
</tr>
<tr>
<!-- <td>xxx</td> -->
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<!-- <td>xxx</td> -->
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<!-- <td>xxx</td> -->
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td rowspan='4'>下午</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<!-- <td>xxx</td> -->
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<!-- <td>xxx</td> -->
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<!-- <td>xxx</td> -->
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
</table>
</body>
</html>
效果图：
