html导航栏中加竖线,前端导航栏标签中间的小竖线实现方法

此方法在可控性方面比较占优势但是会增加一个竖线的节点

html部分：

CSS部分：

.top .top_page .top_page_l ul li{

float: left;

margin-right: 6px;//要计算好距离

}

.top .top_page .top_page_l ul li a{

display: inline-block;

margin-right: 6px;//计算好距离

}

方法二：

HTML：

CSS：

.fenge{

padding:12px 6px 0px 6px;

margin-left: 6px;

border-left: 1px solid #000;

font-size: 0;

}

利用border和padding ，这里使用padding主要是可以调控竖线的高度。实现可控性。优点：可控性高；缺点：多一个空白节点；

方法三(我一般不用。因为ps不好)

HTML：

CSS：

.reg_img{

background: url(../images/line.gif) no-repeat right;

padding-right: 6px;

display: block;

margin-right: 6px;

}

利用背景图片；优点：可控性当然就是图片的制作大小；缺点：要切图；

以上。。。。

html导航栏中加竖线,前端导航栏标签中间的小竖线实现方法相关推荐

ci框架中引入css,php ci框架中加载css和js文件失败的原因和解决方法
php ci框架中加载css和js文件失败的原因和解决方法发布时间:2021-07-01 12:08:38 来源:亿速云阅读:50 作者:chen 本篇内容介绍了"php ci框架中加载 ...
计算机桌面导航栏中删除内容,电脑任务栏下面有个搜索的东东怎么删了
公告: 为响应国家净网行动,部分内容已经删除,感谢读者理解. 话题:电脑任务栏下面有个搜索的东东怎么删了回答:1. 在任务栏上点击鼠标右键.2. 在出的菜单中,选择"工具栏"菜单项 ...
html导航栏中加超链接,用CSS设置超链接与导航菜单.ppt
水平菜单水平菜单可以自由地转换为竖直菜单和折行菜单玻璃效果的菜单基本页面设置菜单整体效果应用滑动门技术用CSS设置链接与导航菜单在HTML语言中,超链接是通过标记来实现的,链接的具体地 ...
vue中的路由守卫(导航守卫)
在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录,前端可以判断,后端也会进行判断的,我们前端最好也进行判断. vue-router提供了导航钩子:全局前置导航钩子 beforeEa ...
Bootstrap导航条中组件的排列
组件的排列通过添加.navbar-left和.navbar-right工具类,可以让导航链接.表单.按钮或文本等对齐.两个类都会通过 CSS 设置特定方向的浮动样式.例如,导航条中包含两个导航链接, ...
VC从文件中加载图片
用MFC做GDI开发的朋友肯定熟悉CBitmap类,该类封装了HBITMAP对象,简化了关于HBITMAP的API操作,如LoadBitmap方法可直接加载资源中指定ID的图片,但是很多情况下我们需要 ...
win10输入法切换不出来，任务栏中没有输入法选项
win10输入法切换不出来,任务栏中没有输入法选项任务栏右键,任务栏设置,打开或关闭系统图标,打开输入指示
打开计算机任务栏有桌面没,电脑桌面任务栏图标_电脑打开后没有任何显示(只有桌面)图标,任务栏都没有....
最佳答案很多朋友在使用电脑的时候会出现系统任务栏莫名其妙消失的现象,现在给大家介绍几种关于Windows XP任务栏消失的解决办法: 1.按动键盘上的F11键. 2.按windows健(位于ctrl ...
打不开计算机在任务栏里显示,电脑下方的任务栏不显示怎么办电脑任务栏不显示解决方法【图文】...
日常生活中,我们经常使用电脑来进行工作.学习以及各项娱乐活动,但是在电脑的运行过程中,可能会有一些小问题,比如有时候电脑网页打不开.有时候电脑开机没反应甚至死机,还有电脑下方的任务栏忽然不显示了等等情 ...

html导航栏中加竖线,前端导航栏标签中间的小竖线实现方法

html导航栏中加竖线,前端导航栏标签中间的小竖线实现方法相关推荐

最新文章

热门文章

html导航栏中加竖线,前端导航栏标签中间的小竖线 实现方法

html导航栏中加竖线,前端导航栏标签中间的小竖线 实现方法相关推荐

最新文章

热门文章

html导航栏中加竖线,前端导航栏标签中间的小竖线实现方法

html导航栏中加竖线,前端导航栏标签中间的小竖线实现方法相关推荐