一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

在DIV+CSS排版中新聞列表的制作方法

CSS代碼:

.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x bottom;  /*列表底部的虛線*/ width: 100%; }.list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; background: url(/news/images/dot.gif) no-repeat 0 6px; /*列表左邊的箭頭圖片*/}.list li span{ float: right;/*使span元素浮動到右面*/ text-align: right;/*日期右對齊*/}.list li a:hover{ color: #336699; background: url(/news/images/dot2.gif) repeat-x bottom;}  

注意:span一定要放在前面,反之會產(chǎn)生換行

<ul class="list"><li><span>2005年5月30日 </span><a href="#">新聞標題01</a></li><li><span>2005年5月30日 </span><a href="#">新聞標題02</a></li><li><span>2005年5月30日 </span><a href="#">新聞標題03</a></li><li><span>2005年5月30日 </span><a href="#">新聞標題04</a></li></ul>

HTML/CSS技術(shù)在DIV+CSS排版中新聞列表的制作方法,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲精品午夜aaa级久久久久 | 都市激情亚洲综合 | 成人精品一区二区激情 | 国产精品午夜国产小视频 | 好吊操精品视频 | 黄色大片免费看 | 亚洲一区二区三区高清网 | 国产成在线人视频免费视频 | 国产成人精品免费大全 | 国语对白精品视频在线观看 | 天天在线影院天天在线视频 | 一区二区三区四区在线视频 | 伊人久久综合谁合综合久久 | 97在线国产视频 | 色视频免费观看 | 92精品国产自产在线观看48 | 五月婷婷久 | 一道本一区二区三区 | 亚洲线精品久久一区二区三区 | 一二三四在线视频社区1 | 精品日韩一区二区三区 | 国产成人精品视频午夜 | 色视频在线看 | 91天堂97年嫩模在线观看 | 视频一区 精品自拍 | 91小仙女思妍高跟丝袜 | 日本精品一区二区三本中文 | 免费69视频| 国产成人免费午夜在线观看 | 91精品视频免费观看 | 国产在线一区二区三区 | 久久精品国产一区二区三区肥胖 | 男女免费爽爽爽在线视频 | 国产精品手机在线观看 | 在线观看视频一区 | 碰碰人人 | 国产精品深夜福利免费观看 | 最新久久精品 | 久久久综合中文字幕久久 | 美女三级网站 | 久久免费视屏 |