实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文档管理</title>
</head>
<body>
<table>
<caption>文档管理</caption>
<tr>
<td>ID</td>
<td>栏目名称</td>
<td>栏目类别</td>
<td>栏目级别</td>
<td>操作</td>
</tr>
<tr>
<td>1</td>
<td>用户管理</td>
<td>用户管理</td>
<td>一级栏目</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>文档管理</td>
<td>文档管理</td>
<td>一级栏目</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>3</td>
<td>分类管理</td>
<td>分类管理</td>
<td>一级栏目</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>4</td>
<td>产品管理</td>
<td>产品管理</td>
<td>一级栏目</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
</table>
<style>
a{text-decoration: none;color:green;}
a:hover{color: brown;text-decoration: underline;}
table,td{border-collapse: collapse;width:600px;margin:auto;border:solid 1px black;text-align: center}
table tr:first-child{background: lightblue;color: darkred;}
tr,td{height: 50px;}
table caption{font-size: 1.5rem;margin: 20px auto;}
</style>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
