帝国cms隔色换色列表页样式加分隔线实现方法教程

这个方法是可以用在给程序加样式，比如隔行换色还有加分隔线等样式上面，非常简单用帝国默认的代码就可以实现,不用改动系统本身也不用另外加函数.

大家都知道帝国cms模板在制作的时候列表页的调用通常都会用到这样一段代码：

[!--empirenews.listtemp--]
<!--list.var1-->
<!--list.var2-->
<!--list.var3-->
<!--list.var4-->
<!--list.var5-->
[!--empirenews.listtemp--]

这个是代表列表的一个循环，我们可以将这段进行一个改造，比如隔行换色。可以这样来改造：

[!--empirenews.listtemp--]
<li class="a"><!--list.var1--></li>
<li><!--list.var2--></li>
[!--empirenews.listtemp--]

每次显示  的参数改成2，下面的list.var正常写代码，只不过不用带上li的属性，这样程序在循环的时候就会自动的隔行加一个样式。就实现想要的效果了。

或者比如隔5行加一个样式加一个分隔线可以这样写：

[!--empirenews.listtemp--]
<!--list.var1-->
<!--list.var2-->
<!--list.var3-->
<!--list.var4-->
<!--list.var5-->
<li class="line"></li>
[!--empirenews.listtemp--]

这样记得列表上面记得  每次显示  的参数改成 5就可以了。

挺简单的一个小改造，以上就是帝国cms隔色换色列表页样式加分隔线实现方法教程了。
标签：列表隔行换色 列表模板加分隔线