web新闻列表及"更多>>"代码的制作技巧

新闻列表的 更多>> 代码写法:

例子:<h2>更多</h2><a href="news.html">more&gt;&gt;</a>

原因:在写 >> 时不能用键盘上的 >> 是为了避免与更多的结束标签</h2>引起冲突

 

在做列表时:(用ul li结构写时)

给li的背景图片及上下边距写li{margin:10px;}可快捷分开li与上下左右的距离;

 

在制作新闻列表日期时,要把日期部分代码写在整个li的左侧,而链接部分在右侧

原因为了避免在IE浏览器下日期往下走的问题

posted @ 2014-08-04 10:41  photoshop爱好者  阅读(314)  评论(0编辑  收藏  举报