一区二区久久-一区二区三区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一定要放在前面,反之會產生換行

<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技術在DIV+CSS排版中新聞列表的制作方法,轉載需保留來源!

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

主站蜘蛛池模板: 久久精品成人免费网站 | 麻豆精品密在线观看 | 国产级a爱做片免费观看 | 看全黄大色黄大片老人做 | 国产对白精品刺激一区二区 | 黑人www| www.日本视频| 亚洲免费视频一区二区三区 | 久久成人免费观看全部免费 | 精品在线观看免费 | 香蕉久人久人青草青草 | 国产猛男猛女超爽免费视频 | 午夜精品国产 | 性亚洲无删减 | 久久riav二区三区 | 色哟哟视频在线 | 香蕉久久久| 精品在线观看一区 | 黄污视频网站 | 69精品在线观看 | 99ri精品国产亚洲 | 91视频美女 | 久久大香线蕉综合爱 | 天天干天天操天天舔 | 91精品国产91久久久久久青草 | 国产成人精品免费视频大全办公室 | 色吧欧美 | 国产精品88 | 成年美女黄网站色大片视频 | 青青草国产免费久久久91 | 青草五月天 | 国产老鸭窝毛片一区二区 | 免费永久在线观看污污的网站 | 亚洲第一黄色网址 | 玖玖在线免费视频 | 亚洲精品亚洲人成毛片不卡 | 韩国资源视频一区二区三区 | 午夜精品在线 | 国产美女视频一区二区二三区 | 久久精品视频亚洲 | 色偷偷亚洲女人天堂观看欧 |