| 全选 | 管理员ID | 姓名 | 拥有角色 | |
| 1 | 唐僧 | 和尚、师傅、术士 | ||
| 2 | 孙悟空 | 猴王、弟子、德鲁伊 | ||
| 3 | 猪八戒 | 元帅、弟子、MT | ||
| 4 | 沙僧 | 大将、弟子、小弟 |
版权所有，违者必究。
官网：www.baidu.cn
对应的list.css文件内容：
/1.先做一些基本的设置/
/星是通用选择器，可以选择一切元素/
- {
padding: 0;
margin: 0;
}
/给所有div加边框/
div {
border: 1px solid red;
}
/2.设置页面的布局/
.logo {
width: 960px;
height: 61px;
}
.nav {
height: 91px;
}
.main {
height: 410px;
/预留出渐变条的空间/
padding-top: 10px;
}
.copy {
width: 960px;
height: 50px;
}
div {
margin: 0 auto;
}
.content {
width: 950px;
height: 390px;
border: 5px solid #8ac1db;
}
.content>div {
width: 910px;
}
.btn,.page {
height: 40px;
}
.data {
height: 310px;
}
/3.设置页面整体的背景/
body {
background: #0EA8D8;
}
.logo {
background: url(../img/top_bg.png);
}
.nav {
background: #0488BB;
}
.content {
background: #E8F3F8;
}
.main {
background:
url(../img/content_bg.png)
repeat-x top;
}
/4.设置文本样式/
body {
font-family:
"微软雅黑","文泉驿正黑","黑体";
font-size: 14px;
}
.logo {
text-align: right;
line-height: 61px;
}
.logo>a {
margin-right: 40px;
color: #FFF;
text-decoration: none;
}
.logo>a:hover {
font-weight: bold;
}
.copy>p {
text-align: center;
color: #FFF;
line-height: 25px;
}
/* 5.设置数据区表格的样式 */
table {
width:100%;
bordr:1px solid #ccc;
border-collapse:collapse;
}
td {
border:1px solid #ccc;
text-align:center;
