css笔记
2014-01-01
css
背景渐变色：
background-image: linear-gradient(to right, #fff, #000 100%);
currentColor
table-css
<table class="table" cellspacing="0">
<thead>
<tr>
<th width="10%">序号</th>
<th width="20%">游戏</th>
<th width="20%">区服</th>
<th width="20%">卡号</th>
<th width="30%">领取时间</th>
</tr>
</thead>
<tbody>
<volist name="mycard_list" id="vo" key="k">
<tr>
<td>{$k}</td>
<td>{$vo.gamename}</td>
<td>{$vo.servername}</td>
<td>{$vo.card_info}</td>
<td>{$vo.get_time|date="Y-m-d H:i:s",###}</td>
</tr>
</volist>
</tbody>
</table>
.table {width: 100%;margin-bottom: 20px;text-align: center;vertical-align: middle;}
.table th,.table td {line-height: 20px;padding: 15px 20px;text-align: center;font-size: 14px;border: 0 none;}
.table thead th {background-color: #dfdfdf;color: #fff;}
.table tbody td {background-color: #fff;color: #666;}
.table tr:hover td {background-color: #dfdfdf;}
分页css
.listpage {width:auto;margin:0 20px;padding:10px 0 12px;text-align:center;line-height:25px;_padding-top:4px;}
.listpage b{font-weight:normal;}
.listpage a {display:inline-block;padding:0 10px;color:#666;border:1px solid #ccc;background:none;height:26px;margin:0 5px 10px;text-decoration:none;}
.listpage a:hover{background:#ff6b09;color:#fff;border:1px solid #fff;text-decoration:none;}
.listpage span{display:inline-block;padding:0 10px;background:#ff6b09;border:1px solid #ff6b09;color:#fff;margin:0 3px 10px;}
.pages,.pages_more {width:578px;margin:0 auto;padding:10px 0 20px 0;border-top:1px dashed #1e2029;}
.pages a{color:#53586e;}
.pages_more {border:none;padding:0px 0 30px 0;}
.listpage a.on{display:inline-block;padding:0 10px;background:#ff6b09;border:1px solid #ff6b09;color:#fff;margin:0 5px 10px;cursor:default;}
