首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

漂亮的报表设计

2012-11-13 
漂亮的表格设计哈哈,最近发现一个表格设计挺漂亮的,存下档,以便日后之需。css代码:.mylist{width: autohei

漂亮的表格设计

哈哈,最近发现一个表格设计挺漂亮的,存下档,以便日后之需。

css代码:

.mylist{width: auto;height:auto;border:1px solid #accdf4;margin-top:10px;font-family:"宋体";font-size:12px;color:#155c9f;text-align:center;border-collapse: collapse;}.mylist th{background-color:#d0e4ff;text-align:center;border-right:1px solid #accdf4; border-bottom:1px solid #accdf4;text-align:center;height:25px;line-height:25px;width:100px;}.mylist td{border-right:1px solid #accdf4; text-align:center;height:25px;line-height:25px;width:100px;}

?html代码如下:

<table /></td>     <td>&nbsp;广州市</td>     <td>&nbsp;2010年10月</td>     <td>&nbsp;公路事故月报</td>     <td>&nbsp;2010年11月8日 17:30</td>   </tr>   <tr style="background-color:#eeeeee;">     <td ><input type="checkbox" /></td>     <td>&nbsp;广州市</td>     <td>&nbsp;2010年10月</td>     <td>&nbsp;公路事故月报</td>     <td>&nbsp;2010年11月8日 17:30</td>   </tr>   <tr>     <td ><input type="checkbox" /></td>     <td>&nbsp;广州市</td>     <td>&nbsp;2010年10月</td>     <td>&nbsp;公路事故月报</td>     <td>&nbsp;2010年11月8日 17:30</td>   </tr>   <tr style="background-color:#eeeeee;">     <td ><input type="checkbox" /></td>     <td>&nbsp;广州市</td>     <td>&nbsp;2010年10月</td>     <td>&nbsp;公路事故月报</td>     <td>&nbsp;2010年11月8日 17:30</td>   </tr></table>

?效果图见附件:

?

热点排行