Hvordan Tungt stil Radio Knapper med CSS for alle nettlesere

Kvaliteten på en Web-side du bygge bestemmes av den totale kvaliteten på de elementene du legger til det. Så designere må gi nøye overveielse til selv de minste detaljer, inkludert radioknappene. Mens du kan lage disse knappene ved hjelp av standard skriver websiden editor gir, er en mer sofistikert tilnærming til å gjøre dem ved hjelp av gjennomgripende stilark - eller CSS - med et bilde påføres direkte på knappen. En viktig faktor i å skape disse knappene er å sikre at de fungerer som de skal i en rekke nettlesere. Selv om du bruker en webside redaktør, må dette gjøres ved direkte koding.

Bruksanvisning

1 Laste bildene for radioknappen på datamaskinen din.

2 Åpne området du vil redigere i websiden editor du bruker. Åpne CSS stilark.

3 Gå til ".checkbox" delen av koden, og gjøre "height" en fjerdedel av størrelsen på bildet du bruker. Skriv inn navnet på bildefilen du bruker mellom parentesene i "url" -delen. Gjøre de samme endringene i ".radio" -delen. Lagre arbeidet ditt.

Hint

• Hvis du vil, kan du også gjøre disse endringene ved hjelp av en enkel tekst editor som Notisblokk.