css代码。。。怎样在最新发布消息后面带上一个小图标？

html-css020

css代码。。。怎样在最新发布消息后面带上一个小图标？,第1张

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

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

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

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

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

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

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

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

这个一般通过样式解决，找到定义文章列表的css，然后加个小图标背景就行。

比如html是这样写的：<li>内容内容</li>

css这样写：

li{

background: url("../images/xx.jpg") no-repeat left center

padding-left:10px

}