首页 > 代码库 > css--lianxi4

css--lianxi4

!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="http://www.mamicode.com/#">网友讨论圈</a>
  <a href="http://www.mamicode.com/#" class="shang">晒单帖</a>
  <a href="http://www.mamicode.com/#">讨论帖</a>
  <a href="http://www.mamicode.com/#">问答帖</a>
  <a href="http://www.mamicode.com/#">圈子帖</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="http://www.mamicode.com/#">好大一瓶,不错</a></td>
  <td>0/0</td>
  <td><a href="http://www.mamicode.com/#">2001年冬天</a></td>
  <td>2014-11-19 13:54:40</td>
  </tr>
  <tr>
  <td class="td1"><i class="lun"></i><a href="http://www.mamicode.com/#">洗衣液超级划算,活动给力</a></td>
  <td>0/0</td>
  <td><a href="http://www.mamicode.com/#">xpx2001</a></td>
  <td>2014-11-18 10:21:29</td>
  </tr>
  <tr>
  <td class="td1"><i class="lun"></i><a href="http://www.mamicode.com/#">洗衣液超级划算,活动给力</a></td>
  <td>0/0</td>
  <td><a href="http://www.mamicode.com/#">xpx2001</a></td>
  <td>2014-11-18 15:27:58</td>
  </tr>
  <tr>
  <td class="td1"><i class="shai"></i><a href="http://www.mamicode.com/#">好大一瓶,不错</a></td>
  <td>0/0</td>
  <td><a href="http://www.mamicode.com/#">2001年冬天</a></td>
  <td>2014-11-19 10:22:27</td>
  </tr>
  </table>

                                                 

<div id="xia">
  <div class="you">共900个话题<a href="http://www.mamicode.com/#">浏览全部话题&gt;&gt;</a></div>
  <div>有问题要与其他用户讨论?<a href="http://www.mamicode.com/#">[发表帖子]</a></div>
  </div>
  </div>
  </div>
  </body>
  </html>

css--lianxi4