csstable
来源：互联网 发布：unity3d 手游联机原理 编辑：程序博客网 时间：2024/06/06 17:39
<html>
<title></title>
<style>
/* start - table */
table {
border-collapse: collapse;
margin: 10px;
}
th strong {
color: #fff;
}
th {
background: #93BC0C;
height: 29px;
padding-left: 12px;
padding-right: 12px;
color: #FFF;
text-align: left;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #FFF;
}
tr {
height: 30px;
}
td {
padding-left: 11px;
padding-right: 11px;
border-left: 1px solid #E8E8E8;
border-bottom: 1px solid #DFDFDF;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
</style>
<body>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="index.htm">Augue non nibh</a></td>
<td><a href="index.htm">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="index.htm">Fusce ut diam bibendum</a></td>
<td><a href="index.htm">Purus in eget odio in sapien</a></td>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="index.htm">Maecenas et ipsum</a></td>
<td><a href="index.htm">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="index.htm">Sed vestibulum blandit</a></td>
<td><a href="index.htm">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<style>
/* reset */
*{outline:none;}
body{background:#e7e7e7;text-align:center; color:#333; font:12px "瀹嬩綋", Arial, Verdana, sans-serif; background-color:#fff;}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th, hr { padding:0; margin:0;}
a{ color:#333; text-decoration:none; }
a img{ border:none; }
img, table, td, th { border:0;}
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; }
.content2{margin:10px 0px; text-align:left;font-family:"Lucida Grande",Verdana,Arial,sans-serif;}
/* list */
.list{margin:5px 0 0 0;padding:0;clear:both;}
.list img{margin:0 0 0 2px;cursor:pointer;}
.list input{margin:0 2px;}
.list a:link{color:#F77B09;text-decoration:none;}
.list a:visited{color:#F77B09;text-decoration:none;}
.list a:hover{color:#F77B09;text-decoration:none;}
.list a:active{color:#F77B09;text-decoration:none;}
.list table{margin:0;padding:0;width:100%;}
.list td{padding:3px;white-space:nowrap;}
.list th{margin:0;padding:0 2px;white-space:nowrap;border-right:2px solid #FFFFFF;background:#E7E7E7;font-weight:bold;color:#666666;height:25px;line-height:25px;}
.page_bar{text-align:right;border-top:1px solid #DDDDDD;padding:3px 2px 0 0;}
.page_bar input{margin:0 1px;width:30px;}
.page_bar input.button{border:1px solid #F77B09;background:#F77B09;color:#FFFFFF;cursor:pointer;font-weight:bold;}
</style>
</head>
<body>
<DIV class=content2>
<!-- /tools -->
<!-- list -->
<DIV id=list class=list>
<TABLE>
<TBODY>
<TR>
<TH width="7%"><INPUT onclick=list.checkall(this); type=checkbox>
<A
href="javascript:list.tosort('user_id');">ID↓</A></TH>
<TH width="10%">会员名称</TH>
<TH width="25%" align=middle>会员邮箱</TH>
<TH width="7%" align=middle><A
href="javascript:list.tosort('coin');">积分</A></TH>
<TH width="8%" align=middle><A
href="javascript:list.tosort('points');">商城币</A></TH>
<TH width="10%" align=middle>邮箱验证</TH>
<TH width="10%" align=middle>会员级别</TH>
<TH width="10%" align=middle><A
href="javascript:list.tosort('reg_time');">注册时间</A></TH>
<TH width="5%" align=middle>锁定</TH>
<TH width="8%" align=middle>操作</TH>
</TR>
<TR>
<TD><INPUT value=10 type=checkbox name=batch[]>
10</TD>
<TD>123123</TD>
<TD align=middle>123@123.123</TD>
<TD align=middle td 0><>
<TD align=middle>0</TD>
<TD align=middle><IMG src="images/yes.gif"></TD>
<TD align=middle>普通会员</TD>
<TD title="2011-02-12 16:41:31" align=middle>2011-02-12</TD>
<TD align=middle><IMG
onclick="list.toggle(this,'a.php?act=user_toggle', 'locked', '10', 'unlock/lock');"
src="images/unlock.gif"></TD>
<TD align=middle><A title=修改 href="m.php?app=member_reinfo&id=10"><IMG
src="images/do_edit.gif"></A><A title=删除
href="javascript:list.drop('a.php?act=user_del', '10');"><IMG
src="images/do_drop.gif"></A></TD>
</TR>
<TR style="BACKGROUND: #fdf1e5">
<TD><INPUT value=9 type=checkbox name=batch[]>
9</TD>
<TD>shop8</TD>
<TD align=middle>shop8@jooyea.com</TD>
<TD align=middle td 0><>
<TD align=middle>0</TD>
<TD align=middle><IMG src="images/yes.gif"></TD>
<TD align=middle>普通会员</TD>
<TD title="2009-12-28 14:24:05" align=middle>2009-12-28</TD>
<TD align=middle><IMG
onclick="list.toggle(this,'a.php?act=user_toggle', 'locked', '9', 'unlock/lock');"
src="images/unlock.gif"></TD>
<TD align=middle><A title=修改 href="m.php?app=member_reinfo&id=9"><IMG
src="images/do_edit.gif"></A><A title=删除
href="javascript:list.drop('a.php?act=user_del', '9');"><IMG
src="images/do_drop.gif"></A></TD>
</TR>
<TR>
<TD><INPUT value=10 type=checkbox name=batch[]>
10</TD>
<TD>123123</TD>
<TD align=middle>123@123.123</TD>
<TD align=middle td 0><>
<TD align=middle>0</TD>
<TD align=middle><IMG src="images/yes.gif"></TD>
<TD align=middle>普通会员</TD>
<TD title="2011-02-12 16:41:31" align=middle>2011-02-12</TD>
<TD align=middle><IMG
onclick="list.toggle(this,'a.php?act=user_toggle', 'locked', '10', 'unlock/lock');"
src="images/unlock.gif"></TD>
<TD align=middle><A title=修改 href="m.php?app=member_reinfo&id=10"><IMG
src="images/do_edit.gif"></A><A title=删除
href="javascript:list.drop('a.php?act=user_del', '10');"><IMG
src="images/do_drop.gif"></A></TD>
</TR>
<TR style="BACKGROUND: #fdf1e5">
<TD><INPUT value=9 type=checkbox name=batch[]>
9</TD>
<TD>shop8</TD>
<TD align=middle>shop8@jooyea.com</TD>
<TD align=middle td 0><>
<TD align=middle>0</TD>
<TD align=middle><IMG src="images/yes.gif"></TD>
<TD align=middle>普通会员</TD>
<TD title="2009-12-28 14:24:05" align=middle>2009-12-28</TD>
<TD align=middle><IMG
onclick="list.toggle(this,'a.php?act=user_toggle', 'locked', '9', 'unlock/lock');"
src="images/unlock.gif"></TD>
<TD align=middle><A title=修改 href="m.php?app=member_reinfo&id=9"><IMG
src="images/do_edit.gif"></A><A title=删除
href="javascript:list.drop('a.php?act=user_del', '9');"><IMG
src="images/do_drop.gif"></A></TD>
</TR>
</TBODY>
</TABLE>
<DIV class=page_bar>总计9条记录，分为1页，每页
<INPUT onkeydown=list.enter(event);
id=pagesize value=15 type=text>
条，当前第
<INPUT onkeydown=list.enter(event);
id=gotopage value=1 type=text>
页
<INPUT class=button onclick=list.go(); value=GO type=button>
<A
href="javascript:list.first();">首页</A> <A
href="javascript:list.previous();">上一页</A> <A
href="javascript:list.next();">下一页</A> <A
href="javascript:list.last();">尾页</A></DIV>
</DIV>
</body>
</html>
