专注前端,专注网页设计制作 - (网页制作/模板制作/设计) QQ:755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | TOP排行榜 | Tag标签 | 联系我们
当前位置: 网站首页 > 建站教程 > dedeCMS教程 > >

dedecms列表页每隔开五行一条虚线

时间:2014-03-05来源:学技巧网站制作 作者:学技巧 阅读: 次 【 点评一下

dedecms列表页每隔开五行一条虚线  ,以下代码仅供参考。
{dede:list pagesize='25'}
•日期:[field:pubdate function="GetDateTimeMK(@me)"/]
[field:title/]
[field:global name=autoindex runphp="yes"]if(@me%5==0)@me="
--------------------------------------------------------------------------------
";else @me="";[/field:global]
{/dede:list}  
以上代码复制到您的列表页的ul里面。
后者就得用css控制标签hr
#content_01 #c1_l ul hr (这个地方就写的自己的css名字了)
{border: none;
margin: 20px 0;*margin: 20px 0  10px 0;_margin:20px 0  10px 0;
height: 1px;
border-bottom:dashed 1px #CCC;
display: inline;
width: 610px;
float: left;}
{dede:list pagesize='25'}
  • 日期:[field:pubdate function="GetDateTimeMK(@me)"/]

[field:global name=autoindex runphp="yes"]if(@me%5==0)@me="
";else @me="";[/field:global]
{/dede:list}  
以上代码复制到您的列表页的ul里面。
后者就得用css控制标签hr
#content_01 #c1_l ul hr (这个地方就写的自己的css名字了)
{border: none;
margin: 20px 0;*margin: 20px 0  10px 0;_margin:20px 0  10px 0;
height: 1px;
border-bottom:dashed 1px #CCC;
display: inline;
width: 610px;
float: left;}

Tag:dedecms
分享到:
  • 用微信  “扫一扫”

    将文章分享到朋友圈。

    关注公众号:xue-jiqiao

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!