[CSS教程]網(wǎng)站制作新聞列表方法
2010/11/24 15:33:32
網(wǎng)站制作新聞列表方法:把日期寫在span標(biāo)簽里,然后把span標(biāo)簽寫在li里,css定義span(float:right),讓span浮動(dòng)在列表的右邊。
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="#">標(biāo)題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標(biāo)題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標(biāo)題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標(biāo)題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標(biāo)題</a><span>2008-11-28</span></li>
<li class="newslist">·<a href="#">標(biāo)題</a><span>2008-11-28</span></li>
</ul>
我們一般的網(wǎng)站制作做法都是把<span>日期</span>寫在新聞列表的后面。其實(shí)不然,我們應(yīng)該把<span>日期</span>放在新聞列表的前面。
返回列表
返回首頁(yè)
主站蜘蛛池模板:
伊人天堂av无码av日韩av|
午夜a级成人免费毛片|
达达兔欧美午夜国产亚洲|
国产精品无码永久免费888|
天天爽亚洲中文字幕|
男女18禁啪啪无遮挡|
www国产无套内射com|
国产在线观看中文字幕|
国产美女自慰在线观看|
玉蒲团之风雨山庄|
avbobo网址在线观看|
亚洲成av人片在线观看无码|
国产精品亚洲а∨天堂2021|
国产综合久久久久|
国产成人综合久久久久久
|
日本SM极度另类视频|
丁香六月婷婷在线|
免费观看黄a一级视频日本|
特一级黄色毛片|
精品久久洲久久久久护士免费|
国产三级精品视频|
毛片大片免费看|
4四虎44虎www在线影院麻豆|
亚洲欧洲另类春色校园网站|
99久久99视频|
亚洲春色在线观看|
亚洲欧美日韩国产精品一区二区|
少妇人妻在线视频|
怡红院精品视频|
日韩亚洲欧洲在线rrrr片|
久久亚洲精品人成综合网|
国产精品一级毛片不收费|
日本xxxwww|
国产美女做a免费视频软件|
全肉高h动漫在线看|
人妻aⅴ无码一区二区三区|
天堂…中文在线最新版在线|
杨幂一级做a爰片性色毛片|
а√最新版地址在线天堂|
亚洲一区二区三区免费观看|
国产小视频在线播放|