<!DOCTYPE html>
<html lang="en">
<head>
<style>
* {
padding:0;
margin:0;
}
body{
color:#333;
font-size:14px;
}
ul,
li{
list-style:none;
}
a{
color:#333;
text-decoration: none ;
}
a:hover{
color:#d00;
}
.con{
width:640px;
margin:100px auto;
}
.con ul li{
boeder-bottom:1px solid #e5e5e5;
padding-bottom:30px;
padding-top:20px;
}
.con ul li:hover {
background:#fafafa;
}
.con h2 {
font-sixe:20px;
margin-bottom:20px;
}
.con div.first{
margin-bottom:12px;
}
.con div span {
margin-right:25px;
}
.con div a {
margin-right:10px;
}
.con div .gray{
color:#999;
}
.con div .gray a {
color:#999;
}
.con div .gray.pl{
float:right;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="con">
<ul>
<li>
<h2><a href="">现任总统在此 ：热烈祝贺</a></h2>
<div class="first">
<a>原标题：现任总统弗雷再次当选多哥总统外交部：热烈祝贺 【环球时报网报道记者张卉】2020年3月4日，外交部发言人找李建主持召开例行记者会，部分实录如下。</a>
<a>[详细]</a>
</div>
<div class="gray">
<span>16分钟前</span>
<a href="">弗雷</a>
<a href="">多哥</a>
</div>
</li>
</ul>
</body>
</html>
index.html
style.css
index.js
index.html