最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
wordpress导航菜单添加分隔符的例子
时间：2022-06-25 18:49:55 编辑：袖梨 来源：一聚教程网
wordpress导航菜单分隔符一般采用背景图片的方式实现，但是，这样一来会限制每个菜单的宽度，而且会影响网页打开速度。也有用js来实现的。这里，我为大家介绍一种比较简单的方法——通过CSS来实现wordpress导航菜单分隔符。
效果：菜单之间有分隔符， 整个菜单最前或最后不要显示分隔符
只需通过下面的css代码就可以完成。
.read_footer_menu li{ float:left;font-size:14px; line- 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 给第一个菜单取消左边框
相关文章
- 荧光深渊好玩吗 荧光深渊手游深度体验与玩法解析 03-30
- 彩虹之光开荒玩法全解析 彩虹之光新手开荒攻略与资源规划指南 03-30
- 前碧蓝档案制作人主导全新手游计划Project K5预计9月1日公开 03-30
- 性感死神妹力四射 推理所剩无几但很涩的雾雨迷宫 03-30
- 绝区零月城柳怎么玩 电系异常核心极性紊乱爆发天花板 03-30
- 如何在QQ邮箱撤回邮件 03-30