博客列表 >322作业

322作业

1
1原创
2018年03月23日 17:01:34571浏览

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

微信图片_20180323170043.jpg

微信图片_20180323170034.jpg

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议