• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress导航菜单怎样添加分隔符?

    wordpress导航菜单怎样添加分隔符?

    作者: 分类:wordpress CMS主题制作 点击: 2,458 次
    wordpress CMS主题:ssmay主题

      wordpress导航菜单分隔符一般采用背景图片的方式实现,但是,这样一来会限制每个菜单的宽度,而且会影响网页打开速度。也有用js来实现的。这里,我为大家介绍一种比较简单的方法——通过CSS来实现wordpress导航菜单分隔符

      效果:菜单之间有分隔符, 整个菜单最前或最后不要显示分隔符

      只需通过下面的css代码就可以完成。

      .read_footer_menu li{ float:left;font-size:14px; line-height:10px; margin-bottom:15px;padding:0 8px 0 8px; border-left:1px solid #888888; }
      .read_footer_menu li:first-child{ padding:0 8px 0 0px; border-left:0px solid #888888; }

      第一句:给每一个菜单 li 添加一个左边框,并且将 li 的行高小于字体的高度,

      第二句:通过li:first-child 给第一个菜单取消左边框,

       



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201503022829.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.