css-lianxi3

最新推荐文章于 2017-03-23 00:27:00 发布

weixin_30361641

最新推荐文章于 2017-03-23 00:27:00 发布

阅读量48

点赞数

原文链接：http://www.cnblogs.com/zhangailing/p/6602981.html

版权

<!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;/
	/2117*/
	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>