纯css实现面包屑导航

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

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

你可能感兴趣的:(css,面包屑)