Demo:https://jsfiddle.net/zhoou/o0...

总结:使用:before和:after伪类实现。
标签元素相对定位,伪类绝对定位,使用css画出三角形,鼠标滑过的时候是改变border-color而不是改变background,否则两个导航之间的白色三角形就变色了,写demo的时候就碰到过这个问题,还以为是鼠标滑过li会连带伪类的background一起变色,原来是自己的样式写错了。


太羽
361 声望6 粉丝

但行好事,莫问前程!