新闻样式
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
background-color: #eee;
}
div{
width: 500px;
height: 400px;
margin: 0 auto;
border:2px solid #696969;
text-align: left;
padding: 10px;
}
li{
height: 38px;
line-height: 38px;
list-style: none;
padding: 10px 0 ;
border-bottom: 2px dashed #696969;
text-indent: 2.5em;
}
h3{
text-align: left;
font-size: 36px;
border-bottom: 2px solid #696969;
padding: 10px;
margin-bottom: 12px;
}
a{
font-size: 30px;
color: #333;
text-decoration: none;
color: black;
}
a:hover{
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<h3>最新新闻!天下趣闻~</h3>
<ul>
<li><a href="">青铜主播为何深夜惨叫?</a></li>
<li><a href="">隔壁母猪何以口吐人言?</a></li>
<li><a href="">63岁老伯为毛讹人为傲?</a></li>
<li><a href="">中国为什么这么强盛?</a></li>
<li><a href="">美国又是何必作死呢?</a></li>
</ul>
</div>
</body>
</html>