Cum se schimbă culoarea butonului în HTML (cu imagini)

Thiste parere cum să modificați o culoare buton în HTML. Puteți modifica o culoare buton utilizând HTML simplu sau folosind foi de stil cascading) în HTML5.

Pași

Metoda 1 din 2:

Folosind HTML

1. Introduceți corpul HTML. Acesta este începutul etichetei butonului codului dvs. HTML. Corpul HTML este zona între ele și Etichete. Corpul este locul în care elementele vizibile ale unei pagini web sunt plasate utilizând HTML.

2. Tip stil = după "buton" În eticheta butonului. Acest lucru indică faptul că există elemente de stil la eticheta butonului. Toate elementele de stil vor fi plasate după "=" semn.

3. Adăugați o marcă de cotare (") după semnalul egal (=). Toate elementele de stil din tag-ul butonului HTML trebuie plasate în mărcile de cotare.

4. Tip culoare de fundal:în ghilimele după "stil =". Acest element este utilizat pentru a schimba culoarea de fundal a butonului.

5. Introduceți un nume de culoare sau un cod hexazecimal după "culoare de fundal:". Puteți introduce numele unei culori (i.e, albastru) sau o culoare hexazecimală.

Pentru a găsi un cod hexazecimal, mergeți la https: // Google.COM / Căutare?q = culoarea + picker Într-un browser web. Utilizați bara de glisor din partea de jos pentru a alege o culoare. Utilizați cercul din fereastră pentru a selecta o nuanță de culoare. Evidențiați și copiați codul de 6 cifre (inclusiv semnul de lire) din bara laterală spre stânga și lipiți-l în butonul dvs.

De asemenea, puteți utiliza "transparent" ca o culoare de fundal

6. Introduceți un semi-colon (-) după culoarea de fundal. Utilizați un semi-colon pentru a separa diferitele elemente de stil din eticheta butonului HTML.

7. Tip Culoarea frontierei: în ghilimele după "stil =". Acest element este utilizat pentru a determina culoarea marginii în jurul butonului. Puteți plasa elemente de stil în orice ordine în markerii de cotație după "stil =". Fiecare element trebuie separat printr-un semi-colon (-).

8. Introduceți un nume de culoare sau un cod hexidecimal pentru culoarea frontierei. Numele de culoare sau codul hexidecimal pentru frontieră merge după "Culoarea frontierei:" element.

Dacă doriți să eliminați granița, tastați Frontieră: Niciuna În locul lui "Culoarea frontierei:" element.

9. Introduceți un semi-colon (-) după culoarea frontierei. Utilizați un semi-colon pentru a separa diferitele elemente de stil din eticheta butonului HTML.

10. Tip culoare:în ghilimele după "stil =". Acest element este utilizat pentru a schimba culoarea textului în buton. Puteți plasa elemente de stil în orice ordine în markerii de cotație după "stil =". Fiecare element trebuie separat printr-un semi-colon (-).

11. Introduceți numele unei culori sau a unui cod hexazecimal. Acest lucru merge după "culoare:" În elementul stil. Aceasta determină culoarea textului în buton.

12. Introduceți o marcă de cotare (") După toate elementele de stil. Toate elementele de stil ar trebui să fie în ghilimele după "stil =" În eticheta butonului. Când ați terminat adăugarea tuturor elementelor de stil, introduceți o marcă de cotare (") la sfârșit pentru a închide elementele de stil.

13. Tip > După elementele de stil. Aceasta închide eticheta butonului de deschidere.

14. Introduceți textul butonului după eticheta butonului. După ce ați terminat să creați eticheta de deschidere pentru butonul dvs., introduceți textul pe care doriți să îl accesați după etichetă.

15. Introduceți după textul butonului. Aceasta este eticheta de închidere pentru butonul dvs. Butonul dvs. este complet. Codul dvs. HTML ar trebui să arate așa ceva.

Metoda 2 din 2:

Folosind CSS

1. Introduceți în partea de sus a documentului dvs. HTML. Acest lucru creează un cap pentru documentul dvs. HTML. Șeful documentului dvs. este locul unde informațiile care nu sunt vizibile pe pagina dvs. web este plasată. Aceasta include datele Meta, titlul paginii și foile de stil.

2. Tip . Această etichetă Adăugați o locație pe pagina dvs. web pentru foi de stil cascading (CSS). Această secțiune merge în capul documentului dvs. HTML.

Unele documente HTML utilizează o foaie de stil extern. Dacă este cazul, va trebui să găsiți locația fișierului CSS extern și să editați foile de stil buton pe acel document.

3. Tip .butonul { pe o linie separată după secțiunea de stil. Aceasta deschide foaia de stil pentru un buton pe care îl creează un stil pentru.

De asemenea, puteți face schimbarea culorii butonului când plasați cursorul mouse-ului peste buton, creând o foaie de stil separată cu .Buton: Hover { ca etichetă de deschidere.

4. Tip culoare de fundal:. Aceasta merge pe o linie separată în foaia de stil buton. Acest element controlează culoarea de fundal a butonului.

5. Introduceți numele unei culori sau a unui cod hexazecimal urmat de un semi-colon (-). Introduceți acest lucru după "culoare de fundal:" Element în foaia de stil buton. Aceasta specifică culoarea de fundal a butonului.

Pentru a găsi un cod hexazecimal, mergeți la https: // Google.COM / Căutare?q = culoarea + picker Într-un browser web. Utilizați bara de glisor din partea de jos pentru a alege o culoare. Utilizați cercul din fereastră pentru a selecta o nuanță de culoare. Evidențiați și copiați codul de 6 cifre (cu semnul de lire) din bara laterală spre stânga.

De asemenea, puteți scrie "transparent" ca culoarea de fundal pentru a face fundalul invizibil.

6. Tip Culoarea frontierei:. Elementul controlează culoarea marginii în jurul butonului. Introduceți acest lucru pe o linie separată în foaia de stil pentru buton.

7. Introduceți numele unei culori sau a unui cod hexazecimal urmat de un semi-colon (-). Aceasta determină culoarea frontierei în jurul butonului. Acest lucru merge după "Culoarea frontierei:" Element în foaia de stil buton.

Dacă doriți să eliminați granița, tastați Frontieră: Niciuna- În locul lui "Culoare de frontieră: COLORNAME" element.

8. Tip culoare:. Introduceți acest lucru pe o linie separată în foaia de stil. Acest element controlează culoarea textului în buton.

9. Introduceți numele unei culori sau a unui cod hexazecimal urmat de un semi-colon (-). Aceasta determină culoarea textului în interiorul butonului. Acest lucru merge după "culoare:" Element în foaia de stil buton.

10. Tip } pe o linie separată. Aceasta închide foaia de stil pentru butonul dvs. Puteți crea mai multe foi de stil buton atâta timp cât dați fiecărui buton un nume unic.

11. Introduceți după ce ați terminat CSS-ul. După terminarea creării tuturor foilor de stil, tastați "" Pe o linie separată pentru a închide secțiunea de stil a documentului dvs. HTML.

12. Tip . Aceasta închide capul documentului dvs. HTML.

13. Tip butonul text În corpul documentului dvs. HTML. Acest lucru adaugă un buton în partea vizibilă a HTML utilizând foile de stil specificate în secțiunea de stil a documentului dvs. HTML. A inlocui "URL" cu adresa web a butonului link-urile către. Corpul documentului dvs. HTML intră între și Etichete ale documentului dvs. HTML. Codul HTML ar trebui să arate așa ceva:

Partajați pe rețeaua socială:

Cum se schimbă culoarea butonului în html

Pași