項目最終效果如下圖所示:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuAjMwcjM0QDMwEDMxQDMyEDMy8CX0AjMxAjMvwFO44Wdq5WatlGbvwVbvN2Xzd2bsJmbj9CXt92YuM3ZvxmYuNmLzV2Zh1Wavw1LcpDc0RHaiojIsJye.png)
可以看出2個tab之間有一天分割線,這條分割線沒有使用單獨的div或者span。而是使用li标簽的border-right。但是最後一個需要隐藏,否則效果不是很理想。
最原始的寫法是:
這樣當然不是最好的做法。但是我們有時需要轉變思路,這樣有時可以達到事半功倍的效果。
項目最終效果如下圖所示:
可以看出2個tab之間有一天分割線,這條分割線沒有使用單獨的div或者span。而是使用li标簽的border-right。但是最後一個需要隐藏,否則效果不是很理想。
最原始的寫法是:
這樣當然不是最好的做法。但是我們有時需要轉變思路,這樣有時可以達到事半功倍的效果。