您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦文章列表页实现文章标题隔行换色的方法

青槐2024-08-22DedeCMS教程已有人查阅

导读在首页或者列表页想要有一个高效颜色，很多人都会选择隔行换色的方法，想要实现这样的效果也很简单，只需要在css代码中加入以下的代码：

在首页或者列表页想要有一个高效颜色，很多人都会选择隔行换色的方法，想要实现这样的效果也很简单，只需要在css代码中加入以下的代码：

<!  li a{ COLOR: #fff } .red{ BACKGROUND-COLOR: red } .blue{ BACKGROUND-COLOR: blue } -->--&gt;

在模板代码中加入以下的代码：

{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}

本文标签：

很赞哦！ ()

上一篇：织梦模板显示完整标题的方法

下一篇：dedecms文件目录结构解说（知道织梦每个文件的作用）

图文教程

相关源码

(自适应)黑色摄影作品工作室pbootcms模板网站源码下载为风景摄影、个人工作室打造的高端网站模板，基于PbootCMS开源内核开发，采用HTML5自适应架构，PC与移动端实时数据同步，适配各类拍摄作品展示需求。查看源码
pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计，基于PbootCMS内核开发，支持PC+WAP双端响应式布局，数据实时同步，适用于多行业快速建站。查看源码
(自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板，为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色，帮助企业快速搭建专业官网查看源码
(自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板，基于PbootCMS系统开发。突出多语言支持和国际化布局，三级栏目结构清晰展示产品分类，响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码
自适应车行汽车租赁二手车行业企业网站模板为汽车租赁与二手车交易场景深度优化，采用PbootCMS内核开发，聚焦车辆展示、租赁流程与服务介绍三大核心模块。响应式布局确保PC与移动端数据实时同步，后台一键管理车辆信息查看源码
(PC+WAP)蓝色电缆桥架五金钢结构机械PbootCMS模板下载采用PC与WAP双端适配设计，满足桌面设备和移动端访问需求。专注服务于电缆桥架、钢结构及五金机械制造领域，通过结构化布局展示产品特性与技术参数，后台数据一体化管理提升内容维护效率。查看源码