文章列表怎样加虚线方法二_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

问题:文章列表怎样加虚线呢?

样式如下:

图片点击可在新窗口打开查看

解决方法:

动易标签提供了两个参数,我们可以利用这两个参数来制作。

列表中奇数行的CSS效果的类名
列表中偶数行的CSS效果的类名

大家来动手做吧,先把下面CSS放在风格最后面,然后保存,刷新风格。

以下是CSS代码

.lbxx, .lbxx2 {border-bottom: #ccc 1px dashed;} /* 定义虚线,可以修改 #ccc ,可以修改虚线颜色*/

.lbxx {background:#FFFFFF;} /* 定义列表奇数行背景颜色,白色*/
.lbxx a:link {color: #000000;} /* 未访问的链接,黑颜色*/
.lbxx a:visited {color: #000000;} /*已访问的链接, 黑颜色*/
.lbxx a:hover{COLOR: #FF0000;} /* 鼠标在链接上,red颜色*/
.lbxx a:bb:active {color: #FF0000;} /* 点击激活链接,黑颜色*/

.lbxx2 {background:#FFFFFF;} /* 定义列表偶数行背景颜色,白色*/
.lbxx2 a:link {color: #000000;} /* 未访问的链接,黑颜色*/
.lbxx2 a:visited {color: #000000;} /*已访问的链接, 黑颜色*/
.lbxx2 a:hover{COLOR: #FF0000;} /* 鼠标在链接上,red颜色*/
.lbxx2 a:active {color: #FF0000;} /* 点击激活链接,黑颜色*/

  

第一行CSS是定义虚线的,“#ccc ” 为虚线的颜色;“1px”为虚线的像素;其他上面都有注释了。

然后我们就可以在标签调用就可以了,下面举个例:

大家注重一下有两个CSS的样式,一个是“lbxx”, 一个是“lbxx2”,在下面标签调用的时候只要把两个风格样式填上去就可以了。

如:<!--{$GetArticleList(0,0,false,0,0,11,false,false,"",0,3,2,56,0,false,1,false,false,0,false,false,false,false,false,false,0,1,,lbxx,lbxx2)}-->

其他标签也是一样。

假如是编辑标签的时候也是把这两个风格填上去即可。

查看更多 动易Cms教程  动易Cms模板

共2页上一页12下一页
来源:模板无忧//所属分类:动易Cms教程/更新时间:2007-09-27
相关动易Cms教程
列表中奇数行的CSS效果的类名