实例
<!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>
</tr>
<tr>
<td>1</td>
<td>手机</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>平板&笔记本</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>3</td>
<td>智能穿戴</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>4</td>
<td>智能家居</td>
<td><a href="">编辑</a>|<a href="">删除</a></td>
</tr>
<tr>
<td>5</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:300px;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>运行实例 »
点击 "运行实例" 按钮查看在线实例
