您现在的位置是：首页 > 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文件目录结构解说（知道织梦每个文件的作用）

图文教程

相关源码

(响应式)WordPress主题Ripro9.0博客免扩展二开版RiPro9.0是基于RiPro8.9版本深度二开优化的资源付费主题，源码修正，修复原版多处功能异常，确保系统稳定运行。支持虚拟主机环境部署，无需特殊服务器配置。查看源码
(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板，采用响应式设计技术，适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
帝国CMS游戏应用APP推广下载站模板免费下载本模板为移动应用推广、手机游戏推广行业设计，集成H5游戏平台与APP下载功能，支持PC端与移动端自适应访问。专注于为应用开发商、游戏发行商提供专业的线上推广展示平台。查看源码
(自适应响应式)高端网站建设设计公司互联网营销网站pbootcms模板本模板基于PbootCMS内核开发，为网站建设公司和互联网营销企业量身打造。采用响应式设计，适配各种移动设备，提供统一的后台管理体验查看源码
自适应响应式绿色装修公司定制家居类pbootcms网站下载(自适应手机端)响应式全屋装修定制家居类网站pbootcms模板绿色装修公司网站源码下载PbootCMS内核开发的网站模板，该模板适用于装修定制网站、装查看源码
自适应电子科技类产品公司pbootcms网站模板基于PbootCMS内核开发，为电子科技类企业设计，适用于电子产品展示、企业官网等场景。该模板采用‌开源架构‌，用户可自由访问和修改源码，灵活适配各类行业需求，无需二次开发成本查看源码