DEDECMS程序：修改DEDECMS首页导航菜单之间的间距

学习NO.1

dede简单、强大、容易上手，任何新手站长都会很容易的掌握它。Dedecms.daoqin.net/" target="_blank" class="relatedlink">dedecms是一个很成熟的系统，站长只需要会有它，并用好它，使让dede为你马首是瞻。道勤主机（www.daoqin.net）在维护dedecms系统中，积累一些使用经验，日后将陆续将dedecms应用的小技巧，小经验整理成文档奉献给大家。今天我要向大家介绍的是：修改dedecms首页导航菜单栏之间的间距。

在用dede建站中，难免发生dede模版的默认间距无法满足要求，为了是dede首页排版更加合理，这就需要我们小小的修改一下dede模版，来达到我们想要的效果。由于dede模版的使用html" target="_blank" class="relatedlink">div+css+html制作的，我们只需要修改一下css文件就可以实现了，下面我以dedecmsv5.6的官方默认模版为例，来讲解如何修改css文件来实现修改dede首页导航栏菜单之间的间距。

请用户登录php虚拟主机的ftp空间，在dede默认模版目录下找到dedecms.css文件，并下载下来。详细路径为：dede网站根目录/templets/default/style/dedecms.css

用Editplus编辑器打开dedecms.css文件，搜索：“#navMenu ul li”如下红色字体（margin-right: 10px）就是dede导航菜单的间距。

#navMenu ul li {

       float:left;      

       height: 22px;

margin-right: 10px;

       margin-left: -3px;

       padding-left: 10px;

为了演示效果，我将margin-right的值改为：50px 如下图：

修改后保存，并上传的ftp。下面就是我修改前后的效果对比图：

Dede默认导航菜单间距（margin-right: 10px;）

修改Dede默认导航菜单间距（margin-right: 50px;）

这个虽然是一个小小的技能，但是很实用。希望能帮助你。欢迎选购道勤主机香港/ 纯linux环境下

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！