با استفاده از CSS یک تب‌ (Tabs) ساده بسازید که شامل سه تب باشد؛ با کلیک روی هر تب محتوای مربوطه نمایش یابد و تب فعال استایل متفاوت (رنگ پس‌زمینه و زیرخط) داشته باشد.

برای ایجاد سه تب ساده با CSS، می‌توانید از ورودی‌های رادیو (radio) یا لینک‌های با target استفاده کنید و با :checked یا :target محتوای مربوطه را نمایش دهید. به‌عنوان دسترسی‌پذیری، role='tab' و aria-selected را به تب‌ها بدهید و وضعیت فعال را از طریق کلاس یا حالت :checked مدیریت کنید. برای انیمیشن‌های نرم، از max-height و opacity با transition استفاده کنید تا پنهان/نمایش محتوای تب به آرامی باشد. همچنین حواستان به مدیریت تمرکز (focus) باشد تا کاربران کیبرد بتوانند با کلیدهای تب و جهت‌ها بین تب‌ها حرکت کنند.