Demo:https://jsfiddle.net/zhoou/o0...
总结:使用:before和:after伪类实现。
标签元素相对定位,伪类绝对定位,使用css画出三角形,鼠标滑过的时候是改变border-color而不是改变background,否则两个导航之间的白色三角形就变色了,写demo的时候就碰到过这个问题,还以为是鼠标滑过li会连带伪类的background一起变色,原来是自己的样式写错了。
Demo:https://jsfiddle.net/zhoou/o0...
总结:使用:before和:after伪类实现。
标签元素相对定位,伪类绝对定位,使用css画出三角形,鼠标滑过的时候是改变border-color而不是改变background,否则两个导航之间的白色三角形就变色了,写demo的时候就碰到过这个问题,还以为是鼠标滑过li会连带伪类的background一起变色,原来是自己的样式写错了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。