这个空隙如何取消掉呢?
截图
http://take.ms/8NHKB
练习代码
codepen
第一个<li>会相对<ul>缩进一定的像素,是<li>自带的<padding>属性。所以一般写网页的时候,会在先初始化样式,最简单的就是在CSS里面先写一个*{margin:0;padding:0;}
你设置的这个::before 产生的效果,在盒子之间造成间隙
在 .nav-bar ul li 加如下代码,不知道是不是你要的效果,我是新手,不喜勿喷
margin-left:-5px