示例: https://wxygoing.github.io/learn/navmenu-horizontal-%E5%9C%86%E8%A7%92-work.html
要实现这样效果
1、箭头叠加效果实现
给li添加css,margin-left: -20px;箭头叠加;保证在图片层次顺序用z-index
2、字体居中
要实现1和step1都居中
vertical-align:middle;
3、 要实现1和step1距离
letter-spacing:8px; /* (字间距) */
源码