<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Chenjinling20171230</title>
<style type="text/css">
*{
margin: 0px auto;
padding: 0px;
}
body{
width: 955px;
height: 495px;
background: #99ccff;
}
table{
width: 820px;
height: 255px;
border: 1px solid;
border-color:black ;
border-collapse:collapse ;
margin-top: 30px;
}
td{
width: 275px;
height: 30px;
border-top: 1px solid #c5c5c5;
}
.th1{
border-right: 1px solid #c5c5c5;
}
.tr1{
background: #ffff99;
text-align: center;
}
.td1{
text-align: center;
background: white;
border-right: 1px solid #c5c5c5;
}
.td2{
text-align: left;
background: white;
border-right: 1px solid #c5c5c5;
}
.td3{
text-align: right;
background: white;
}
.td4{
text-align: center;
background: white;
border-bottom: 1px solid red;
border-top: 1px solid red;
}
.td5{
text-align: left;
background: white;
border: 1px solid red;
}
.td6{
text-align: right;
background: white;
border-bottom: 1px solid red;
border-top: 1px solid red;
}
input{
width: 165px;
height: 60px;
cursor: pointer;
margin: 15px 50px 0px 165px;
border: 1px solid blue;
border-radius:5px ;
}
</style>
</head>
<body>
<table class="table" cellpadding="0" cellspacing="0" border="1px solid black">
<tr class="tr1">
<th class="th1">姓名</th>
<th class="th1">年龄</th>
<th>性别</th>
</tr>
<tr>
<td class="td1">张三三</td>
<td class="td2">18</td>
<td class="td3">男</td>
</tr>
<tr class="tr2">
<td class="td4">李思思</td>
<td class="td5">19</td>
<td class="td6">女</td>
</tr>
<tr>
<td class="td1">王呜呜</td>
<td class="td2">20</td>
<td class="td3">男</td>
</tr>
<tr class="tr2">
<td class="td4">赵琪琪</td>
<td class="td5">23</td>
<td class="td6">女</td>
</tr>
<tr>
<td class="td1"></td>
<td class="td2"></td>
<td class="td3"></td>
</tr>
<tr>
<td class="td1"></td>
<td class="td2"></td>
<td class="td3"></td>
</tr>
<tr>
<td class="td1"></td>
<td class="td2"></td>
<td class="td3"></td>
</tr>
</table>
<input type="submit" value="移动到我上面变小手" οnclick="window.location.href(https://www.baidu.com/)"/>
<a href="https://www.baidu.com/" target="_blank" style="font-size: 14px;">
我是超链接,点我可以打开一个新的百度搜索页面
</a>
</body>
</html>