css如何达到这样的效果

<UL class=listall>
                <!--{loop $_SBLOCK['newlist'] $value}-->
  <LI class=bottomborder1><!--{eval $titlestyle = mktitlestyle($value[styletitle]);}-->
  <a href="$value[url]" target="_blank" style="$titlestyle">$value[subject]</a>
<SPAN>#date("m-d h:m", $value["dateline"])#</SPAN> </LI><!--{/loop}--></UL>
调用出来的是
<li class="bottomborder1">中间内容省略</li>
<li class="bottomborder1">中间内容省略</li>
<li class="bottomborder1">中间内容省略</li></ul>



我看到年轻酷溜族的资讯列表页是
<li class="bottomborder1">中间内容省略</li>
<li class="bottomborder2">中间内容省略</li>
<li class="bottomborder3">中间内容省略</li> </ul>

大家可以看到他红色部分每条递增1，每页有40条到最后变成bottomborder40
这是怎么实现的？bottomborder后面的数字怎么做变量？

[ 本帖最后由 ydylove 于 2008-7-31 11:58 编辑 ]

<!--{loop 。。。。。。。}-->
<!--{eval $i += 1}-->
<li class="classname$i">。。。。。。</li>
<!--{/loop}-->

(::36::) 谢谢你兄弟
我试一下

你可以看下幻光片代码就明白了.

(::24::)