Astăzi, fading lent programul de moda. Dar, totuși, continuă să fie nevoie să știe cum se fac lucrurile în imagine butonul css? Și astăzi am să-ți spun cum să facă acest lucru.
Voi arăta exemplul formularului de subscriere. Dar, în primul rând, imaginea în sine este butonul. Am ales doar un astfel de ikonochku minunat:
Și acest lucru este modul în care arată în mod direct sub forma unui abonament, chiar și cele mai simple:
- Reg.ru - sunt înregistrate și prelungi nume de domenii, o companie foarte de incredere!
- HostIQ - hosting de calitate premium.
- Ihor - un buget mai mare, dar, de asemenea, foarte de înaltă calitate, furnizor de web hosting.
- Telderi.ru - singurul schimb de încredere în RuNet, în cazul în care puteți cumpăra site-uri gata făcute cu venituri!
Făcând clic pe acest buton va trimite formularul. Deci, cum se face? Foarte simplu, întregul cod de forma:
Desigur, într-un mod amiabil, de a face să funcționeze, trebuie să-și încheie aceste câmpuri într-o formă, iar forma în sine este de acțiune și metoda obligatorii atribute. Dar noi nu suntem despre programarea și trimiterea de date la server, și cum să facă o imagine buton.
După cum puteți vedea din acest cod, acest lucru se face cu tipul de atribut = „imagine“. În acest sens, butonul realizează aceeași funcție ca și tipul = „submit“ - trimite datele din formular către server. Al doilea atribut src acționează - calea spre imagine, care va fi cheia noastră.
Excelent. Apropo, am un câmp de text și un buton cu o imagine situată exact la același nivel, și totul arată bine, dar implicit nu poate fi atât. Dacă aveți nevoie pentru a alinia butonul cu privire la câmpul de text, apoi utilizați recepția unui aliniament vertical.
input [type = image] vertical-align: middle;
>
Acesta va funcționa numai atunci când sunt aliniate în raport cu o singură linie. Ok, ne-am dat seama cum să facă un buton de imagine depune formularul. Dar, ce se întâmplă dacă faceți clic pe imaginea trebuie să fie altceva? În acest scop, ar trebui să utilizați o altă metodă, pe care am să-ți spun.
Creați butoane pentru orice scop, orice înregistrare!
De fapt, aproape orice tag-ul pereche este potrivit pentru a deveni un buton. De ce? Pentru că în interiorul puteți pune o imagine (sau setați-l prin fundal), și că, atunci când deplasați cursorul peste imaginea sa schimbat in palma, acolo css-proprietate:
cursor: pointer;