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

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

如果直接使用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;
}

本文属原创，转载请注明原文：http://www.zhimatong.com/jiaocheng/272.html

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