<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新闻列表</title>
<style type="text/css">
*{
padding:0px;
margin:0px;
}
.box1{
width:600px;
height:290px;
border:1px solid black;
margin:100px auto;
}
.s{
width:110px;
height:50px;
border-bottom: 1px solid red;
margin-left: 20px;
float:left;
line-height: 50px;
text-align: center;
}
.s span{
font: bold 18px 雅黑 ;
color:#000;
}
.r{
width:450px;
height:50px;
border-bottom: 1px solid silver;
color:#000;
float:left;
line-height: 50px;
text-align: right;
}
.r a{
text-decoration: none;
}
.r1{
width:560px;
height:38px;
border-bottom:1px #e5e5e5 solid;
float: left;
margin-left:20px;
line-height:38px;
}
.r1 a{
text-decoration: none;
font:14px 雅黑 ;
color:#000;
margin-left:3px;
}
.r1 span{
float:right;
line-height:38px;
}
.i{
position:relative;
top:-5px;
right:3px;
}
.i1{
position:relative;
top:2px;
}
a:hover{
color:red;
}
</style>
</head>
<body>
<div class="box1">
<div class="s"><span>新闻列表</span></div>
<div class="r"><a href="#">更多>></a></div>
<div class="r1"><a href="#"><img class="i"src="img/dot.gif"><img class="i1"src="img/icon.jpg">崔龙洙解苏宁因何打动他 要以学习的姿态去中超 <span>2016-6-23</span></a></div>
<div class="r1"><a href="#"><img class="i"src="img/dot.gif"><img class="i1"src="img/icon.jpg">崔龙洙解苏宁因何打动他 要以学习的姿态去中超 <span>2016-6-23</span></a></div>
<div class="r1"><a href="#"><img class="i"src="img/dot.gif"><img class="i1"src="img/icon.jpg">崔龙洙解苏宁因何打动他 要以学习的姿态去中超 <span>2016-6-23</span></a></div>
<div class="r1"><a href="#"><img class="i"src="img/dot.gif"><img class="i1"src="img/icon.jpg">崔龙洙解苏宁因何打动他 要以学习的姿态去中超 <span>2016-6-23</span></a></div>
<div class="r1"><a href="#"><img class="i"src="img/dot.gif"><img class="i1"src="img/icon.jpg">崔龙洙解苏宁因何打动他 要以学习的姿态去中超 <span>2016-6-23</span></a></div>
<div class="r1"><a href="#"><img class="i"src="img/dot.gif"><img class="i1"src="img/icon.jpg">崔龙洙解苏宁因何打动他 要以学习的姿态去中超 <span>2016-6-23</span></a></div>
</div>
</body>
</html>
选区_049.png
