butonul html
Bună ziua webmasteri novice dragi.
Intr-un articol anterior, am învățat cum să creeze cadrul.
În acest articol vă voi arăta câteva opțiuni pentru codul HTML pentru butoane care sunt create folosind tag-ul butonul.
Butonul tag-ul nu este un element de bloc, și poate fi inserate în alte etichete HTML.
Mai ales ar trebui să fie făcut, pentru că, de obicei, un buton situat ca un element separat, iar dacă nu este pus în unitatea (p sau div), este situat la capătul liniei, care se află în fața ei.
Dar rezultatul poate fi poscholkat.
Următoarele butoane utilizează tabelul de etichete. Din păcate, setările mele tematice nu permit să arate eșantionul curent, și schimbați-le pentru un singur buton pe care nu doriți, așa că arăt imaginea.
Acesta funcționează în același mod ca și primul doar un fel de un pic diferit,. Apropo, dacă adăugați atribute un tabel de tabel tag-ul, aveți posibilitatea să modificați vizualizarea chiar mai mult.
Apoi, un pic mai interesant, la fel ca în exemplul următor am butonul de etichetare. să introducă stilul de atribut.
Acest lucru înseamnă că cheia va fi de a da unele sau clearance-ul.
Rezultatul este valabil, puteți poscholkat, și a vedea cum funcționează butonul.
Să ne gândim în detaliu ce proprietăți am aplicat pentru înregistrare.
1. fundal: # fdeaa8; - culoarea butonului;
2. Lățime: 80px; - lățimea unui buton;
3. înălțime: 40px; - înălțimea unui buton;
4. border-radius: 5px; - colturi rotunjite, în cazul în care în loc de 5px pentru a pune 50% / 50%, butonul va fi rotunjit;
5. box-shadow: 0px 1px 3px; - Creează o umbră face ca butonul de mai proeminent;
6. font-size: 20px; - dimensiunea textului;
Eticheta buton poate fi introdus și încărcat.
Un alt atribut care poate fi aplicat pe un buton - este din titlu.
Efectul său este că, atunci când treceți peste un buton va apărea în fereastra de ajutor, cu textul, pe care le introducem acest atribut.
De obicei, acesta indică locul în care duce butonul.
Și, în sfârșit - cel mai important lucru este ceea ce de fapt nevoie butonul. Cum sa faci un buton.
Pentru acest buton pentru a aplica un atribut etichetă specială onclick.
Și cod buton plin ar arata astfel:
Acum puteți cu acest buton pentru a redirecționa vizitator la o altă pagină de pe site-ul sau un alt site.
Toate butoanele sunt active, puteți încerca modul în care acestea funcționează.
Butoane cu efecte diferite atunci când treceți, și apăsat, vezi butoanele de articol CSS cu efecte originale
Vă doresc succes.
Nu aveți încă întrebări? cere
Acest evreu pentru a câștiga mii de dolari pe lună și două mii dă soția lui, iar cele trei vieți rămase singur.
Cum altfel pentru a decora site-ul
În acest post, cu același nume, nu css. Toate valorile în atributul stil. Acest lucru este pur html. Introduceți codul afișat în locul elementului, sau un alt bloc în cazul în care au nevoie de un buton, și va fi acolo. Numai codul necesar pentru a insera un articol în modul text. În vizual eșuează. Adevărul poate să se adapteze, și apariția butonului și poziția pe pagină, dar poate că nu.
Dar, dacă este corect, atunci există într-adevăr va trebui să învețe și html și css. Nimeni zaprostotak nu va fi scormonit în șablonul dvs., căutați butoane ce sunt definite, și setați marginile, pentru al plasa exact acolo unde este necesar.
Din primul cod ar trebui să ia doar o etichetă p și totul în ea. Restul acestui cadru de pagini.
Pentru a funcflioneazæ despre el este in articol.
Da, totul e bine mersi. Dar asta e doar modul de a face acest lucru ar fi un buton apărut pe pagina mea. Am un html și css în cazul în care se introduce tot ce am pe pagină, acesta este un buton acolo. Eu, de exemplu, nu știu. Toate descriu cum se scrie cu privire la modul de a insera un css care ar lucra nu scrie. Vă rugăm să ajute dacă doriți să desigur. Multumesc anticipat. pliz
Pentru a plasa textul din butonul pe care trebuie să-l pună în codul butonului înainte de închidere. Pentru a fi în măsură să ofere un fel de linii de butoane sau antet pentru a crea un buton ar trebui să fie utilizat ca etichetă. în loc de buton