当前位置:首页 > CSS > 关键词 > inline > 正文

CSS使用boder设置网站导航竖线,且高度不超过文字高度的设置方法

CSS使用boder设置网站导航竖线,且高度不超过文字高度的设置方法

近期在给客户建设网站的时候,需要在导航栏目之间加竖线分割,PSD设计图如下:

a1.png

如果直接使用boder的话,往往线的高度超出文字部分。这时可以使用inline-block

具体代码

.nav li a {
    color:#5b5b5b;
    font-size:16px;
    line-height:14px;//低于文字大小
    padding: 0px 20px;
    border-right: 1px solid #a0a0a0;
    display: inline-block;
    *display: inline;
}

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/272.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

内容有用

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录