利用前端生成一段网吧管理系统会员信息管理带导航栏的代码
时间: 2023-08-23 14:04:51 浏览: 61
以下是一个简单的网吧管理系统会员信息管理带导航栏的前端代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>网吧管理系统-会员信息管理</title>
<meta charset="UTF-8">
<style type="text/css">
/* 导航栏样式 */
nav {
background-color: #333;
overflow: hidden;
}
nav a {
float: left;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
/* 表格样式 */
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
th {
background-color: #333;
color: white;
}
</style>
</head>
<body>
<nav>
<a href="#">首页</a>
<a href="#">会员信息管理</a>
<a href="#">上机记录查询</a>
<a href="#">收费标准管理</a>
<a href="#">系统设置</a>
</nav>
<h1>网吧管理系统-会员信息管理</h1>
<table>
<tr>
<th>会员编号</th>
<th>会员姓名</th>
<th>会员性别</th>
<th>会员电话</th>
<th>会员等级</th>
</tr>
<tr>
<td>001</td>
<td>张三</td>
<td>男</td>
<td>13888888888</td>
<td>普通会员</td>
</tr>
<tr>
<td>002</td>
<td>李四</td>
<td>女</td>
<td>13999999999</td>
<td>高级会员</td>
</tr>
<tr>
<td>003</td>
<td>王五</td>
<td>男</td>
<td>13777777777</td>
<td>黄金会员</td>
</tr>
</table>
</body>
</html>
```
你可以根据需要修改样式和内容,以适应你的实际要求。