DIV+CSS新闻标题页制作的方法
新闻标题页制作方法
效果图如下：
DIV+CSS新闻标题页制作的方法
<body>
<ul class=”news”>
<li><p>·</p><a href=”#” class=”a4″>标题标题标题</a><span>2009-10-12</span></li> /!–class=”a4″ a4 链接的样式–>
<li><p>·</p><a href=”#” class=”a4″>标题标题标题</a><span>2009-10-12</span></li>
</ul>
</body>
CSS
.news{}
.news li{list-style:none; clear:both;margin-top:10px; border-bottom:1px dashed #999999; height:20px; display:block;}
.news p{text-decoration:none;float:left; margin:0 5px; color:#084f8f}
.news li a{ text-decoration:none;float:left;}
.news li span{text-decoration:none; float:right;display:block;margin:0 5px;color:#747e93}