清爽的table样式表(开发人员的最爱)

<style>
table.tab_data{width:100%;border:1px solid #b6c3d3;border-collapse:collapse;margin:10px 0;}
table.tab_data th{border:1px solid #d8e4f2;background:#e4f4fd;color:#3a6fa5;height:28px;vertical-align:middle;}
table.tab_data td{border:1px solid #d8e4f2;background:#fff;color:#333;padding:3px;vertical-align:middle;text-align:center;}

table.t_data {width:100%;border-collapse: collapse;}
table.t_data th{color: black; font-size: 10pt; font-weight: bold;border: 1pt solid windowtext;height:28px;background:#538ed5 }
table.t_data tr td{border-style: none solid solid; border-width: medium 1pt 1pt;padding:3px;vertical-align:middle;text-align:center;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="tab_data" >
<tbody>
<tr >
<th > 功能 </th>
<th > 名字 </th>
<th > 列表 </th>
<th > 详情 </th>
<th > 地址 </th>
</tr>
<tr >
<td > 地图找房 </td>
<td > XXXX </td>
<td > 哈哈 </td>
<td > GOGO </td>
<td > <a target="_blank" href="">链接地址</a> </td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="0" border="0" class="t_data" >
<tbody>
<tr >
<th > 功能 </th>
<th > 名字 </th>
<th > 列表 </th>
<th > 详情 </th>
<th > 地址 </th>
</tr>
<tr >
<td > 地图找房 </td>
<td > XXXX </td>
<td > 哈哈 </td>
<td > GOGO </td>
<td > <a target="_blank" href="">链接地址</a> </td>
</tr>
</tbody>
</table>

table.png(缩略图)

table.png

大小: 8.21 K
尺寸: 500 x 92
浏览: 115 次
点击打开新窗口浏览全图
table.rar (603 bytes, 下载次数:84, 上传时间:2011-10-09 11:24)

上一篇: jquery模糊匹配,全选必备   下一篇: PHP获得文件创建、修改、访问时间

提交疑问

回顶部