Slik formaterer Form bokser med CSS

February 13

Når du koden din webskjemaer i Hypertext Markup Language (HTML), er boksene og andre elementer som er formatert som standard, men du har muligheten til å endre displayet ved hjelp av Cascading Style Sheets (CSS). CSS gir deg kontroll over hvordan enkelte funksjoner, som for eksempel grensen til dine bokser og bakgrunnsfarge, vises slik at du kan bedre tilpasse den til din layout. Opprett CSS-regel som designer skjema bokser, som du foretrekker.

Bruksanvisning

1 Start teksteditor programmet og åpne filen som har boksene du vil formatere.

2 Type "<style type =" text / css "> </ style>" etter starten <head> tag øverst på siden din. Denne CSS-kode holder stilen reglene du oppretter.

3 Skriv inn "input" etterfulgt av klammeparenteser for å lage regelen om at stiler skjema bokser. Type "border:;" inne i parentesene, og angi en tallverdi i piksler (PX), en linjestil, for eksempel "prikkete", og en heksadesimal fargeverdi for å angi hvor konturene rundt skjemabokser vises. Å illustrere:

inngang {border: 1px dotted # FFFF00; }

4 Skriv "background-color:;" etter grense attributt og angi en farge for å bestemme skyggen av boksens bakgrunn. Videre skriver du "color:;" og skriv en foretrukket nyanse å definere fargen på all tekst som vises i skjemaet eske. Din komplette CSS-kode ser ut som eksempelet vist her:

inngang {border: 1px dotted # FFFF00; background-color: # 606060; color: # ffffff; }

</ Style>

5 Lagre filen. Boksene i skjemaet blir nå automatisk formatert, i henhold til din stil regelen.