<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.tbody-line:nth-child(2n) {
background-color: skyblue;
}
</style>
</head>
<body>
<table border="1px sold #ccc" style="border-collapse:collapse;width:60%;margin:10px auto">
<thead style="background-color: greenyellow">
<tr>
<td colspan="6" style="text-align: center;font-weight: bold;">课程表</td>
</tr>
</thead>
<tbody>
<tr class="tbody-line">
<td>节数</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr class="tbody-line">
<td>第一节</td>
<td>课程1</td>
<td>课程2</td>
<td>课程3</td>
<td>课程4</td>
<td>课程5</td>
</tr>
<tr class="tbody-line">
<td>第二节</td>
<td>课程1</td>
<td>课程2</td>
<td>课程3</td>
<td>课程4</td>
<td>课程5</td>
</tr>
<tr class="tbody-line">
<td>第三节</td>
<td>课程1</td>
<td>课程2</td>
<td>课程3</td>
<td>课程4</td>
<td>课程5</td>
</tr>
<tr class="tbody-line">
<td>第四节</td>
<td>课程1</td>
<td>课程2</td>
<td>课程3</td>
<td>课程4</td>
<td>课程5</td>
</tr>
</tbody>
</table>
</body>
</html>
这个用table不很简单?
上面的用到table表格标签,子标签tr,td,stry样式。下面的用到from表单,表格table。你百度搜索一下关于这些元素的代码,自己改改就出来了
看着html学习网站,或直接搜个table表格修修改改就好了