• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress主题使用教程 > wordpress主题为导航菜单添加分隔符

    wordpress主题为导航菜单添加分隔符

    作者: 分类:wordpress主题使用教程 点击: 2,310 次
    wordpress CMS主题:ssmay主题

      导航菜单是我们创建wordpress主题时不可分割的一部分。wordpress主题的导航菜单的样式 是多种多样的,一般菜单之间都会有一个分隔符。为wordpress主题导航菜单添加分隔符,不同的开发者会采取不同的方法来实现,有的用图片来实现,有的用JS来实现,有的干脆静态添加,这些都是很常的方法。这里,高时银博客向大家介绍一种CSS方法来为wordpress主题的导航菜单添加分隔符。

      大家用CSS添加分隔符时,是不是总是碰到不如意的情况——要么在导航菜单的最前端有一个分隔符,要么在导航菜单的最后端有一个分隔符,这个分隔符是我们不想要的,我们只想要在菜单之间添加分隔符,而菜单最前端和最后端我们不需要分隔符。

      那么,通过CSS怎样实现这种效果呢?下面就是一个成功的案例:

      #nav li {float: left;list-style:none;border-left:1px solid #a9a9a9;}
      #nav li:first-child {border-left:0px solid #a9a9a9;}

      上面代码的实现方法是,第一句意思是说,在所有的菜单的标签 li 左侧添加1px 的边框;第二句的意思是,把第一个菜单的左侧边框设置成0px,也就是说不为第一个菜单添加左侧边框。这样,我们就实现了wordpress主题导航菜单添加分隔符的效果。



      QQ二维码

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

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

    或许你会感兴趣的文章:

    发表评论

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

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