Slik endrer du hvordan en HTML knappen ser

Du kan endre måten et HTML-knappen ser gjennom Cascading Style Sheets (CSS) eller ved å erstatte knappen med ditt eget bilde. Dette er nyttig når du ønsker å gjøre knappen skiller seg ut eller bare for å gi den til din egen stil og utseende. En vanlig bruk av HTML-knappen er som på send-knappen for skjemaer på en webside. Vær forsiktig når du legger til CSS-kode som det noen ganger viser forskjellig på ulike nettlesere, spesielt eldre versjoner.

Bruksanvisning

1 Åpne HTML-kildefilen i et tekstredigeringsprogram, for eksempel Windows Notisblokk.

2 Legg inn koden "type =" image "og" til "<input> tag for skjemaet for å erstatte standard HTML-knappen med din egen bildefilen. For eksempel" <input type = "image" name = "submit" delen av HTML-fil hvis du bare ønsker å endre standard HTML-knappen generelle utseende. Noen attributter du kan endre er knappens bakgrunnsfarge, skriftstørrelse, padding og font vekt. For eksempel "<head> <style type =" text / css "> #mybutton {background-color: gul; padding: 30px;} </ style> </ head>".

4 Legg inn et stilark som "id =" mystyle "" innenfor "<input>" tag hvor skjemaet knappen er plassert i HTML-filen. For eksempel "<input type =" submit "id =" MyButton "value =" søk "/>" vil gjøre knappen har en gul bakgrunnsfarge og økt padding.

5 Lagre HTML-fil.