为WordPress主题导航菜单添加分隔符教程

导航菜单是一个网站不可分割的部分,WordPress主题的导航菜单样式是多种多样的,一般菜单之间会添加一个分隔符,今天VPSCHE小车博客就分享一个为WordPress主题导航菜单添加分隔符教程。

为WordPress主题导航菜单添加分隔符教程 (https://www.yunsxr.com/) WordPress开发教程 第1张

大家用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主题导航菜单添加分隔符的效果。

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress主题开发实现首页与分类页的分页效果

2020-7-10 9:42:54

WordPress教程

wp_list_pages()页面列表WordPress函数

2020-7-10 10:02:31

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员-小车站内发信联系 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索