示例: 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; /* (字間距) */
源碼