| <!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; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="discuss"> | |
| <!-- 1、页签:网友讨论圈，晒单帖 --> | |
| <div class="mt"> | |
| <!-- | |
| 1、宽度 ：990px | |
| 2、上下左右边框 | |
| 3、背景颜色 | |
| 4、高度 ：30px | |
| --> | |
| </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> | |
| </div> | |
| </body> | |
| </html> |
时间： 2024-10-10 22:42:25