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

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