<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
table {
width: 970px;
margin: 0 auto;
border-collapse: collapse;
}
td,
th {
border: 1px solid #ccc;
padding: 10px;
}
a {
text-decoration: none;
color: #000;
}
button {
width: 72px;
height: 33px;
color: #fff;
background: #009688;
border: none;
border-radius: 7px;
cursor: pointer;
}
span {
color: red;
}
</style>
</head>
<body>
<table>
<tr>
<th style="width:210px;">作业名称</th>
<th>所属课程</th>
<th>提交时间</th>
<th>批阅状态</th>
<th>批改备注</th>
<th>详情</th>
</tr>
<tr>
<td>结合本章课学习的内容做个小总结！并利用所学的知识完成自己的小案例！案例不限！！ </td>
<td><a href="">CSS中的浮动</a></td>
<td>2019-03-25 22:35:01</td>
<td><span>未完成</span></td>
<td>暂无</td>
<td><button>查看详情</button></td>
</tr>
<tr>
<td>结合本章课学习的内容做个小总结！并利用所学的知识完成自己的小案例！案例不限！！ </td>
<td><a href="">CSS中的边框样式</a></td>
<td>2019-03-25 22:35:01</td>
<td><span>未完成</span></td>
<td>暂无</td>
<td><button>查看详情</button></td>
</tr>
<tr>
<td>结合本章课学习的内容做个小总结！并利用所学的知识完成自己的小案例！案例不限！！ </td>
<td><a href="">HTML中的常用标签及属性（表格）</a></td>
<td>2019-03-25 22:35:01</td>
<td><span>未完成</span></td>
<td>暂无</td>
<td><button>查看详情</button></td>
</tr>
</table>
</body>
</html>
