首页 > 代码库 > css-lianxi3
css-lianxi3
<!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="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> | |
</div> | |
</body> | |
</html> |
css-lianxi3
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。