یک فرم ساده شامل فیلدهای متن و ایمیل و یک دکمه ارسال بسازید و با CSS استایل دهید تا دارای گوشه‌های گرد، رنگ پس‌زمینه، افکت تمرکز (focus) و انیمیشن انتقال (transition) باشد.

یک ساختار HTML ساده (label و input[type="text"], input[type="email"] و button) در نظر بگیرید و با CSS استایل دهید: ارتفاع و padding مناسب، border-radius برای گوشه‌های گرد، رنگ پس‌زمینه و رنگ متن، و transition برای تغییر نرم هنگام hover و focus. از انتخابگرهای :focus و :focus-visible برای افکت هنگام تمرکز، ::placeholder برای رنگ‌دهی به متن placeholder و input[type="email"]:invalid برای نمایش خطا استفاده کنید؛ برای دسترسی بهتر outline را حذف نکنید مگر اینکه جایگزینی مثل box-shadow قابل مشاهده ارائه دهید و از واحدهای نسبی (rem, %) و width:100% برای واکنش‌گرایی بهره ببرید.