<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
/*清零*/
*{margin:0; padding:0;}
li{list-style:none;}
img{border:none;}
a{text-decoration:none;}
input,textarea,select{outline:none;}
textarea{resize:none;}
input{border:none;}
.clearfix:after{content:''; clear:both; display:block; height:0; overflow:hidden;}
.clearfix{zoom:1;}
/*整体*/
.box {width: 268px;height: 396px;margin: 100px auto;background: #dee7e7;}
/*头部*/
.nav span {width: 148px;height: 37px;border-bottom: 1px solid #94bdd6;margin-left: 8px;padding-left:14px; background: #dee7e7;font-size: 18px;font-weight: bold;line-height: 37px;text-align: left;color: #183952;display: block;float: left;}
.nan li {float: right;width: 38px;height: 27px;line-height: 27px;padding-top: 10px;}
</style>
<body>
<div id="box">
<div id="nav">
<span>观看排行榜</span>
<ul>
<li>每日</li>
<li>每周</li>
<li>全部</li>
</ul>
</div>
<div id="text">
<dl>
<dt><span>1</span><p>关于地球与人类的一千零一问</p></dt>
<dd><span>1</span><img src="" alt="" /><span></span></dd>
</dl>
</div>
<a href="">更多》</a>
</div>
</body>
</html>
qq_青枣工作室_0
yumanutong