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

 我来答
紫萱是条小狐狸
推荐于2021-01-23 · TA获得超过199个赞
知道小有建树答主
回答量:86
采纳率:0%
帮助的人:76万
展开全部
1.每条新闻前要有图标 不知道图标是不是一样的,还是1.2.3……这种排名形式

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

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

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

像这样的。每个前面的小图标是一样的。关键是下面有虚线,我这样弄了但是不显示。

.news_ {list-style:url(images/news_li.jpg);;margin: 0 auto;padding:0px;display: block;line-height: 200%;overflow: hidden;}

.news_ li {padding-left: 30px;height: 25px;line-height: 25px;background:url(images/news_li.jpg) no-repeat 3px 7px;list-style: none;overflow: hidden; border-bottom:dotted 1px #626262;}

追答


ul{ width:100px;}
li{ height:22px; line-height:22px; border-bottom:1px dashed #999; background:url(Dot_List.png) no-repeat; background-position:0px 6px; padding-left:10px;}

光盘教学系列
光盘教学系列
光盘教学系列

大概这样子就行了,你换下图片地址,改下background-position值就能出来了
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
非凡主力_
2013-01-16
知道答主
回答量:38
采纳率:0%
帮助的人:14.6万
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

li{
width:50px;
display:block;
border-bottom:1px dashed #CCC;
text-align:center;
background: url(00.png) no-repeat left center;
list-style-position: outside;
line-height:20px;
}

</style></head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式