Makzan
Makzan

我管理世界職業技能競賽之網站技術項目、舉辦本地設計與開發賽事、開課分享技術心得。一個用網頁來表達自己的作家。

[廣東話CSS教學片] CSS-only tab with Flexbox and Radio button

使用 radio button, + 選取器, Flexbox order

Slides:

https://slides.com/makzan/tabs-with-flexbox-and-radio-button

Exercise time: Code to get started (Not the final result)

https://codepen.io/makzan/pen/zYGwgGm

Final result:

https://codepen.io/makzan/pen/MWYMVoM

注：Accessibility 尚待改進。

CC BY-NC-ND 2.0 版权声明

喜欢我的文章吗？
别忘了给点支持与赞赏，让我知道创作的路上有你陪伴。

推荐阅读

发布评论…