← Lessons

Button Builder

Lesson 3 of 5
🔘

CSS properties are like control knobs

Turn the knobs below to change how your button looks! Background sets its color, border-radius shapes its corners, and more.

👁 Your button● LIVE

🔤 Words on the button

🎨 Button color

📏 Size

⭕ Corner shape

🔘 Button Builder

Design your own button by tapping the choices below. Every tap changes a CSS property — see it happen live!

🔤Pick the words on your button.
🎨Choose a color and a size.
Try different corner shapes — square, soft, or round!