css中,ul和li,做新闻列表,每条新闻前要有图标,请问代码如何编辑?还有就是每天添加的新闻后面有个NEW。

html-css026

css中,ul和li,做新闻列表,每条新闻前要有图标,请问代码如何编辑?还有就是每天添加的新闻后面有个NEW。,第1张

1.每条新闻前要有图标 不知道图标是不是一样的,还是1.2.3……这种排名形式

·如果图标都是一样的,那就切一个小图标,作为li的背景,也可以设置list-style-image:url()差不多就这两种方法

·如果图标不一样,就把这些图标竖着排到一张图片里,作为ul的背景。然后设置li的行高,让每一行li与每个图标对齐。

2.每天添加的新闻后面有个NEW。

这个要让你们搞后台的同学设置一下,写个判断,获取更新日期与当前日期,如果更新日期=当前日期(天数),那么就显示new的图标。一般的cms都有方法调用的

你要在css中定义一个div  或者 span 其中包括了这个小图标 可以作为背景;

在html输出前对你的新闻是否是最新的做判断,如果是 最新的 就在输出新闻标题的后边 输出你定义好的 包含小图标的标签;即可;

其实这样的小图标一般都是插在html中的;就是先对这样的图标做好样式定义,然后根据情况判断,再输出显示就可以了;

/是绝对路径,也可以第一个不用/的 但你要知道相应文件的相对路径,那就类似images/css.css 或../../../images/css.css 相对与绝对的区别 如果你所有文件都在一个目录 那就直接css.css调用就可以了