·如果图标都是一样的,那就切一个小图标,作为li的背景,也可以设置list-style-image:url()差不多就这两种方法
·如果图标不一样,就把这些图标竖着排到一张图片里,作为ul的背景。然后设置li的行高,让每一行li与每个图标对齐。
2.每天添加的新闻后面有个NEW。
这个要让你们搞后台的同学设置一下,写个判断,获取更新日期与当前日期,如果更新日期=当前日期(天数),那么就显示new的图标。一般的cms都有方法调用的
用js增加距离即可···祝你成功
如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style>
.main_box{ width:500pxheight:500pxfont-size:12pxcolor:#666}
.tr,.tr2{ width:500pxheight:23pxfloat:leftline-height:23px}
.tr2{ margin-bottom:20px}
</style>
</head>
<body>
<div class="main_box" id="qqqq">
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
<div class="tr">·如何控制新闻列表,让其每5行,自动回车。 您的回答能详细说明一下吗</div>
</div>
<script type="text/javascript">
var aa=document.getElementById('qqqq').getElementsByTagName('div')
var bb=aa.length
for( i=1i<bbi++)
{
if(i%5==0)
{
document.getElementsByTagName('div')[i].className='tr2'
}
else{
document.getElementsByTagName('div')[i].className='tr'
}
}
</script>
</body>
</html>