[CSS教程]網站制作新聞列表方法
2010/11/24 15:33:32
網站制作新聞列表方法:把日期寫在span標簽里,然后把span標簽寫在li里,css定義span(float:right),讓span浮動在列表的右邊。
css部分:
body { font-size:12px}
ul { width:400px; margin:0; padding:0; list-style:none}
.newslist { line-height:20px; padding:5px 0; color:#333; border-bottom:1px dashed #ccc}
.newslist span { color:#888; float:right; text-align:right}
a { color:#333; text-decoration:none}
a:hover { color:blue; text-decoration:underline}
html部分:
<ul>
<li class="newslist">·<a href="#">標題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標題</a><span>2008-11-28</span></li>
</ul>
我們一般的網站制作做法都是把<span>日期</span>寫在新聞列表的后面。其實不然,我們應該把<span>日期</span>放在新聞列表的前面。
返回列表
返回首頁
主站蜘蛛池模板:
欧美一级片手机在线观看|
免费中文字幕在线观看|
91欧美在线视频|
强开小婷嫩苞又嫩又紧韩国视频|
久久这里有精品视频|
欧美激情一级欧美精品|
免费人成无码大片在线观看|
色综合久久综合网|
国产日产卡一卡二乱码|
91av视频网站|
天天做天天爱天天综合网|
中文字幕一区二区三区人妻少妇|
日韩亚洲欧美在线观看|
亚洲国产成人va在线观看|
波多野结衣在线观看一区|
全彩福利本子h全彩在线观看|
色窝窝无码一区二区三区成人网站
|
免费精品久久久久久中文字幕|
色综合久久久久久久久久|
国产成人综合在线视频|
136av导航|
国内精品人妻无码久久久影院导航
|
久久久久久久综合狠狠综合|
最近中文字幕mv高清在线视频|
亚洲妇女水蜜桃av网网站|
激情综合网五月|
免费A级毛片无码无遮挡|
红杏出墙电影在线观看|
国产三级无码内射在线看|
麻豆91免费视频|
国产日产久久高清欧美一区|
搡女人免费免费视频观看|
国产视频一二三区|
99久久精品这里只有精品|
女人张开腿等男人桶免费视频|
一级欧美一级日韩|
成人A级视频在线播放|
中文字幕丰满乱孑伦无码专区|
日日夜夜操操操|
久久久噜久噜久久gif动图|
日韩一区二区三区在线播放|