<!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=utf-8" />
<title>Table样式</title>
<style>
* {
font-size:12px
}
table {
border-collapse:collapse;
width:600px;
border:1px solid #7A90A8;
border-top:3px;
margin-left:15px;
}
td {
padding-left:3px;
text-align:left;
}
.tr_head td{
background:#9DACBF;
height:17px;
font-weight:600;
padding-left:4px;
color:#FFF;
}
.rowA{ background-color:#F6F5F0;}
.rowB{ background-color:#F0F0EA;}
.tdBody{ background-color:#FFF;text-align:center;}
.tdPage{ background-color:#9DACBF; text-align:right; padding-right:20px; cursor:pointer; }
</style>
</head>
<body>
<table border="1" align="center">
<tr class="tr_head" >
<td width="10%">序号</td>
<td width="40%">桌面</td>
<td width="30%">列名A</td>
<td width="20%">列名B</td>
</tr>
<tr class="rowA">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="rowB">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="rowA">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" height="130px" class="tdBody">空白区</td>
</tr>
<tr>
<td colspan="4" height="20px" class="tdPage">当前第1页,共1页,每页记录数15</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
