<html>
<head>
<meta charset="UTF-8">
<title>文章列表</title>
<style type="text/css">
ul{
background-color:#EEE;
}
div{
height: 40px;
width: 2000px;
}
li{
list-style-type: none;
}
.m:hover{
text-decoration: underline;
}
</style>
</head>
<body>
<ul>
<br>
<h1>最新文章/New Article</h1>
<div ><li><h3 class="m" style="border-bottom:1px dashed #000000;">北京招聘网页设计、平面设计、php</h3></li></div>
<div ><li><h3 class="m" style="border-bottom:1px dashed #000000;">体验javascrip的魅力</h3></li></div>
<div ><li><h3 class="m" style="border-bottom:1px dashed #000000;">jpuery世界来临</h3></li></div>
<div ><li><h3 class="m" style="border-bottom:1px dashed #000000;">网页设计师的梦想</h3></li></div>
<div ><li><h3 class="m" style="border-bottom:1px dashed #000000;">jquery中的链式编程是什么</h3></li></div>
</ul>
</body>
</html>
原文：http://www.cnblogs.com/future-zmy/p/6005453.html