实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
margin: 0 auto;
text-align: center;
border-collapse: collapse;
width: 500px;
box-shadow: 0px 0px 5px #009999;
background-image: url(../img/8.jpg);
background-size: cover;
}
table,th,td {
border: 1px solid ;
}
th{
background-color: #336699;
}
th,td{
padding: 10px;
}
td img {
box-shadow: 0px 0px 5px #009999 inset;
border-radius:5px;
margin: 0 2px;
}
</style>
</head>
<body>
<table>
<caption><h3>数据库</h3></caption>
<tr>
<th>id</th>
<th>user</th>
<th>password</th>
<th>name</th>
<th>操作</a></th>
</tr>
<tr>
<td>01</td>
<td>fds123</td>
<td>1356</td>
<td>jojo</td>
<td><a href="#"><img src="images/update.png"><img src="images/delete.png"></a></td>
</tr>
<tr>
<td>02</td>
<td>c4552</td>
<td>13526</td>
<td>辅导教师</td>
<td><a href="#"><img src="images/update.png"><img src="images/delete.png"></a></td>
</tr>
<tr>
<td>03</td>
<td>cds22</td>
<td>026</td>
<td>多少钱</td>
<td><a href="#"><img src="images/update.png"><img src="images/delete.png"></a></td>
</tr>
</table>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
