Hoe om die knoppie kleur in HTML te verander (met prente)

Disketters hoe om `n knoppie kleur in HTML te verander. Jy kan `n knoppie kleur verander met behulp van gewone HTML of die gebruik van CSS (cascading style lakens) in HTML5.

Stappe

Metode 1 van 2:

Gebruik HTML

1. Tik die liggaam van jou HTML in. Dit is die begin van die knoppie van u HTML-kode. Die liggaam van jou HTML is die gebied tussenin en Tags. Die liggaam is waar die sigbare elemente van `n webblad met HTML geplaas word.

2. Tipe styl = nadat "knoop" In u knoppie. Dit dui daarop dat daar stylelemente is na die knoppie-tag. Alle stylelemente sal na die "=" `n teken gee.

3. Voeg `n kwotasiepunt by (") Na die gelyke (=) teken. Alle stylelemente in u HTML-knoppie moet binne aanhalingstekens geplaas word.

4. Tipe agtergrondkleur:In die aanhalingstekens na "styl =". Hierdie element word gebruik om die agtergrondkleur van die knoppie te verander.

5. Tik `n kleurnaam of heksadesimale kode na "agtergrondkleur:". Jy kan die naam van `n kleur tik (i.E, blou) of `n heksadesimale kleur.

Om `n heksadesimale kode te vind, gaan na https: // maak.com / soek?q = kleur + plukker In `n webblaaier. Gebruik die skuifbalk aan die onderkant om `n kleur te kies. Gebruik die sirkel in die venster om `n kleur tint te kies. Beklemtoon en kopieer die 6-syfer kode (insluitend die pond teken) in die sidebar aan die linkerkant en plak dit in u knoppie.

U kan ook gebruik "deurskynend" as `n agtergrondkleur

6. Tik `n semi-kolon (-) na die agtergrondkleur. Gebruik `n semi-kolon om die verskillende stylelemente in die HTML-knoppie te skei.

7. Tipe Border-kleur: In die aanhalingstekens na "styl =". Hierdie element word gebruik om die kleur van die grens rondom die knoppie te bepaal. U kan stylelemente in enige volgorde in die aanhalingstekers plaas "styl =". Elke element moet geskei word deur `n semi-kolon (-).

8. Tik `n kleurnaam of heksuurkode vir die grenskleur. Die kleurnaam of heksuurkode vir die grens gaan na die "Border-kleur:" element.

As u die grens wil verwyder, tik Grens: Geen in die plek van die "Border-kleur:" element.

9. Tik `n semi-kolon (-) na die grenskleur. Gebruik `n semi-kolon om die verskillende stylelemente in die HTML-knoppie te skei.

10. Tipe Kleur:In die aanhalingstekens na "styl =". Hierdie element word gebruik om die teks kleur in die knoppie te verander. U kan stylelemente in enige volgorde in die aanhalingstekers plaas "styl =". Elke element moet geskei word deur `n semi-kolon (-).

11. Tik die naam van `n kleur of heksadesimale kode. Dit gaan na "Kleur:" In die stylelement. Dit bepaal die kleur van die teks in die knoppie.

12. Tik `n kwotasiepunt (") Na al jou stylelemente. Al jou stylelemente moet in aanhalingstekens wees "styl =" In die knoppie tag. As jy klaar is met al jou stylelemente, tik `n kwotasiepunt (") Aan die einde van die stylelemente sluit.

13. Tipe > Na die stylelemente. Dit sluit die openingsknoppie tag.

14. Tik jou knoppie teks na die knoppie tag. Nadat jy klaar is met die opening van die opening vir jou knoppie, tik die teks wat jy in die knoppie na die merker wil gaan.

15. Tik na jou knoppie teks. Dit is die sluitingskaart vir u knoppie. Jou knoppie is voltooi. Jou HTML-kode moet so iets lyk.

Metode 2 van 2:

Gebruik CSS

1. Tik bo-aan jou HTML-dokument. Dit skep `n kop vir jou HTML-dokument. Die hoof van u dokument is waar inligting wat nie op u webblad sigbaar is nie, geplaas word. Dit sluit in meta data, die titel van die bladsy, en stylplate.

2. Tipe . Hierdie merker Voeg `n plek op jou webblad vir Cascading Style Sheets (CSS). Hierdie afdeling gaan in die hoof van u HTML-dokument.

Sommige HTML-dokumente gebruik `n eksterne stylblad. As dit die geval is, sal u die ligging van die eksterne CSS-lêer moet vind en die knoppie stylvelle op die dokument moet wysig.

3. Tipe .knoppie { Op `n aparte lyn na die stylafdeling. Dit maak die stylblad vir `n knoppie oop. U skep `n styl vir.

U kan ook die knoppie kleur verander wanneer u die muis wyser oor die knoppie plaas deur `n aparte stylblad te skep met .knoppie: beweeg { As die openingstag.

4. Tipe agtergrondkleur:. Dit gaan op `n aparte lyn in die knoppie stylblad. Hierdie element beheer die agtergrondkleur van die knoppie.

5. Tik die naam van `n kleur of heksadesimale kode gevolg deur `n semi-kolon (-). Tik dit na die "agtergrondkleur:" element in die knoppie stylblad. Dit spesifiseer die agtergrondkleur van die knoppie.

Om `n heksadesimale kode te vind, gaan na https: // maak.com / soek?q = kleur + plukker In `n webblaaier. Gebruik die skuifbalk aan die onderkant om `n kleur te kies. Gebruik die sirkel in die venster om `n kleur tint te kies. Beklemtoon en kopieer die 6-syfer kode (met die pond teken) in die sidebar aan die linkerkant.

Jy kan ook tik "deurskynend" Soos die agtergrondkleur om die agtergrond onsigbaar te maak.

6. Tipe Border-kleur:. Die element beheer die kleur van die grens om die knoppie. Tik dit op `n aparte lyn in die stylblad vir die knoppie.

7. Tik die naam van `n kleur of heksadesimale kode gevolg deur `n semi-kolon (-). Dit bepaal die kleur van die grens rondom die knoppie. Dit gaan na "Border-kleur:" element in die knoppie stylblad.

As u die grens wil verwyder, tik Grens: Geen- in die plek van die "Border-kleur: Colorname" element.

8. Tipe Kleur:. Tik dit op `n aparte lyn in die stylblad. Hierdie element beheer die kleur van die teks in die knoppie.

9. Tik die naam van `n kleur of heksadesimale kode gevolg deur `n semi-kolon (-). Dit bepaal die kleur van die teks in die knoppie. Dit gaan na "Kleur:" element in die knoppie stylblad.

10. Tipe } op `n aparte lyn. Dit sluit die stylblad vir jou knoppie. U kan verskeie knoppies stylvelle skep solank u elke knoppie `n unieke naam gee.

11. Tik nadat jy klaar is met jou CSS. Nadat jy klaar is met die skep van al jou stylplate, tik "" Op `n aparte lyn om die stylafdeling van u HTML-dokument te sluit.

12. Tipe . Dit sluit die hoof van u HTML-dokument.

13. Tipe Knoppie teks In die liggaam van u HTML-dokument. Dit voeg `n knoppie by die sigbare deel van u HTML met behulp van die stylplate wat in die stylafdeling van u HTML-dokument gespesifiseer word. Vervang "ubl" Met die webadres is die knoppie skakels na. Die liggaam van u HTML-dokument gaan tussen die en Tags van u HTML-dokument. U HTML-kode moet so iets lyk:

Deel op sosiale netwerke:

Hoe om die knoppie kleur in html te verander

Stappe