织梦模板列表页隔行换色实现方法介绍

关于隔行换色361模板曾经介绍过2篇文章《DedeCMS文章列表背景隔行换色的实现方法介绍》《织梦文章列表隔行换色实现方法介绍》大家看了以后有所感想，但是使用效果都不是十分理想，原因可能是有的朋友不知道CSS样式代码如何书写。也可能确实不知道如何使用，今天我们就老生常谈一次，把这个问题和解决方法再来一次炒夹生饭，看能不能让想了解的用户彻底理解和能娴熟的使用。

下面我们先写一段建议的更行换色的CSS代码：

<style type="text/css">li a{ COLOR: #fff }.red{ BACKGROUND-COLOR: red }.blue{ BACKGROUND-COLOR: blue }</style>

定义一个li以及2个颜色，紧接着我们书写隔行换色的模板调用代码

{dede:arclist typeid='1' titlelen='40' row='20' typeid="" } <li [field:global name=autoindex runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]</a></li>{/dede:arclist}

这里就实现了简单的隔行换色了，快去尝试看看吧。