Prihlásiť sa

Školské kolo 42. ročníka 1. úloha HTML + CSS - Menu

Vytvorte formulár s 3 radio tlačidlami. Každá možnosť bude mať naštýlovaný neoznačený a označený stav. Originálne štýlovanie nahraďte kruhom s polomerom 18px a farbou #082f91, taktiež má mať zvýraznený obvod farbou #0d4ef2 v hrúbke 1px. Pokial je tlačidlo označené v strede tlačidla sa bude nachádzať biely kruh s polovičným polomerom. A veľky kruh zmení farbu na farbu okraja.

Vedľa radio tlačidla sa bude nachádzať jeho popis. Ten bude reprezentovať obdĺžnik dlhý 20 znakov, pri veľkosti písma 20px, výška bude odpovedať veľkosti radio tlačidla a farba bude biela. Tento obdĺžnik musí mať zaoblené rohy.

Každé radio tlačidlo aj s jeho popisom bude v spoločnej “karte”. Táto karta bude mať hover efekt s farbou #082f91 a zaoblené rohy s polomerom 0.75em. Padding každej karty bude 1.5em. Karty budú vycentrované vrámci stránky a bude medzi nimi rozostup 1em.

Pokiaľ bude tlačidlo označené jeho karta bude mať taktiež zvýraznený obvod s hrúbkov 2px a farbou #0d4ef2.

Celková farba pozadia stránky je #031030.

jednotlivé možnosti by mali mať idčka “card1”, “card2” a “card3”.

Kliknutie by malo fungovať na ľubovoľné miesto na kartu. Taktiež by sa mali ostatné možnosti štandardne odznačiť a taktiež by malo fungovať označovanie šípkami a tabulátorom.

Odovzdané riešenia: