În lecția de astăzi, vom analiza modul de realizare a formularului CSS3 LOGIN FORM (FORMULA LOGINULUI PE SITE)
Formularul este construit pe CSS pur și vă va fi util - dacă doriți să utilizați aceste tehnici pe site-ul dvs. Mai mult, forma pare bine și va atrage atenția.
Să începem cu structura HTML. Să începem cu crearea unui schelet de formă gol, care include o descriere, un buton de introducere, un link și o schiță de bază a structurii CSS3.
După structura HTML, treceți la foaia de stil. Copiați și inserați codul CSS, care este mai jos - include ferestre, culori de fundal de bază și un font.
Completăm câmpurile cu aliniere, centrare, stabilim distanța dintre câmpuri, adăugăm un font și umbre.
Formular de conectare
Vreau o intrare mai bizară, copiați codul și inserați-l în foaia de stil. Acest lucru va determina culoarea de fond, umbrele, raza graniței, înălțimea / lățimea și poziționarea mai bună a elementelor.
distanță
Trebuie să adăugați niște spațiu suplimentar și umplutură la margini. Copiați și inserați acest cod pentru a particulariza elementele formularului.
Introduceți butonul
Acum, pentru a adăuga butonul de conectare (acest buton va fi circular și va apărea în centrul câmpului de introducere). Sintaxa în CSS poate fi câteodată confuză la prima vedere. Priviți codul de mai jos și încercați să îl analizați. în esență constă în elemente simple.
Setări pentru IE
În cele din urmă, vom adăuga stiluri CSS la Internet Explorer - deci nu ar exista nici o problemă cu aspectul (da, unii oameni folosesc încă IE și este trist).
Totul e gata. Iată o imagine și un exemplu de formă de lucru.
Articole similare
Trimiteți-le prietenilor: