Enter Your Email Address to Watch This Lesson

Your link to unlock this lesson will be sent to this email address.

Unlock this lesson and all 829 of the free egghead.io lessons, plus get CSS content delivered directly to your inbox!



Existing egghead members will not see this. Sign in.

Just one more step!

Check your inbox for an email from us and click link to unlock your lesson.



Create a tab component using vanilla CSS

3:09 CSS lesson by

Learn how to create tabs with nothing more than good ole' CSS. Look Ma, No Javascript!

note: This approach has some accessibility issues. To make a tab component that is properly accessible, it requires some JavaScript.

Get the Code Now
click to level up

egghead.io comment guidelines

Avatar
egghead.io

Learn how to create tabs with nothing more than good ole' CSS. Look Ma, No Javascript!

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?