先来效果图
代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="Js/jquery.js"></script>
<style >
table,td{
border: 1px solid #000;
border-collapse: collapse;
}
thead{
background-color: darkgray;
}
td{
width: 70px;
height: 20px;
}
.even{
background-color: aqua;
}
.odd{
background-color: khaki;
}
.checked{
background-color: yellow;
}
</style>
</head>
<body>
<table >
<thead>
<tr>
<td></td>
<td>姓名</td>
<td>薪水</td>
<td>年龄</td>