标签：line otto 1年 .sh 划算 data border 内容 问答
| !doctype html> | |
| <html> | |
| <head> | |
| <title>Insert a title</title> | |
| <meta charset="utf-8"> | |
| <style> | |
| #discuss-content{ | |
| border-bottom:1px solid #ddd; | |
| width:990px; | |
| } | |
| #discuss-datas td{ | |
| border-bottom:1px dotted #DEDEDE; | |
| color:#bbb; | |
| text-align:center; | |
| } | |
| #discuss-datas .tr1 td{ | |
| border-bottom:1px solid #DEDEDE; | |
| color:#aaa; | |
| } | |
| #discuss .mt{ | |
| width:990px; | |
| height:30px; | |
| background-color:#F7F7F7; | |
| border:1px solid #DCDCDC; | |
| border-top:2px solid #999; | |
| } | |
| body{ | |
| font-size:12px; | |
| } | |
| i.shai{ | |
| /*border:1px solid #000;*/ | |
| /*21*17*/ | |
| padding-left:21px; | |
| padding-bottom:3px; | |
| padding-top:2px; | |
| margin-right:5px; | |
| background:url("iconlist_1.png") -110px -220px; | |
| } | |
| i.lun{ | |
| padding-left:21px; | |
| padding-bottom:3px; | |
| padding-top:2px; | |
| margin-right:5px; | |
| background:url("iconlist_1.png") -152px -220px; | |
| } | |
| a{ | |
| text-decoration:none; | |
| color:#005aa0; | |
| } | |
| a:hover{ | |
| text-decoration:underline; | |
| } | |
| #discuss-datas .td1{ | |
| width:620px; | |
| text-align:left; | |
| } | |
| #discuss-datas .td2{ | |
| width:100px; | |
| } | |
| #discuss-datas .td3{ | |
| width:100px; | |
| } | |
| #discuss-datas .td4{ | |
| width:170px; | |
| } | |
| #discuss-datas .tr1{ | |
| font-weight:bold; | |
| } | |
| #discuss-datas tr{ | |
| height:30px; | |
| } | |
| #discuss div.mt a{ | |
| float:left; | |
| width:100px; | |
| height:30px; | |
| text-decoration:none; | |
| font-size:14px; | |
| font-family:"微软雅黑"; | |
| text-align:center; | |
| line-height:30px; | |
| } | |
| #discuss div.mt a:hover{ | |
| color:#FF1B2D; | |
| } | |
| #discuss div.mt a.shang{ | |
| margin-top:-6px; | |
| height:35px; | |
| color:#FF1B2D; | |
| background:#fff; | |
| border:1px solid #dfdfdf; | |
| border-bottom:0; | |
| border-top:2px solid #e4393c; | |
| } | |
| #xia .you{ | |
| float:right; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="discuss"> | |
| <!-- 1、页签:网友讨论圈，晒单帖 --> | |
| <div class="mt"> | |
| <a href="#">网友讨论圈</a> | |
| <a href="#" class="shang">晒单帖</a> | |
| <a href="#">讨论帖</a> | |
| <a href="#">问答帖</a> | |
| <a href="#">圈子帖</a> | |
| </div> | |
| <!-- 2、主体内容：表格 & 其他内容 --> | |
| <div id="discuss-content"> | |
| <!-- 表格 --> | |
| <table id="discuss-datas"> | |
| <tr class="tr1"> | |
| <td class="td1">主题</td> | |
| <td class="td2">回复/浏览</td> | |
| <td class="td3">作者</td> | |
| <td class="td4">时间</td> | |
| </tr> | |
| <tr> | |
| <td class="td1"><i class="shai"></i><a href="#">好大一瓶,不错</a></td> | |
| <td>0/0</td> | |
| <td><a href="#">2001年冬天</a></td> | |
| <td>2014-11-19 13:54:40</td> | |
| </tr> | |
| <tr> | |
| <td class="td1"><i class="lun"></i><a href="#">洗衣液超级划算,活动给力</a></td> | |
| <td>0/0</td> | |
| <td><a href="#">xpx2001</a></td> | |
| <td>2014-11-18 10:21:29</td> | |
| </tr> | |
| <tr> | |
| <td class="td1"><i class="lun"></i><a href="#">洗衣液超级划算,活动给力</a></td> | |
| <td>0/0</td> | |
| <td><a href="#">xpx2001</a></td> | |
| <td>2014-11-18 15:27:58</td> | |
| </tr> | |
| <tr> | |
| <td class="td1"><i class="shai"></i><a href="#">好大一瓶,不错</a></td> | |
| <td>0/0</td> | |
| <td><a href="#">2001年冬天</a></td> | |
| <td>2014-11-19 10:22:27</td> | |
| </tr> | |
| </table> |
| <div id="xia"> | |
| <div class="you">共900个话题<a href="#">浏览全部话题>></a></div> | |
| <div>有问题要与其他用户讨论？<a href="#">[发表帖子]</a></div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
标签：line otto 1年 .sh 划算 data border 内容 问答
原文地址：http://www.cnblogs.com/zhangailing/p/6603082.html
