Hvordan lenke til Button bilder i CSS

Den "bakgrunnsbilde" CSS eiendom kan du koble et bilde som bakgrunn for en knapp. Dette betyr at bildet viser i stedet for den typiske leseren knappen du ser når et bilde ikke vises. Du kan bruke alle JPG, GIF eller PNG-fil for knappens bakgrunnsbilde. Før du gjør knappe bildet endres, sikre at bildet ligger på serveren din.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder knappen. Klikk "Åpne med", deretter HTML editor i listen over programmer.

2 Gi knappen klassen. Kopier og lim inn følgende kode til HTML-fil, erstatte bildenavn med din egen:

<Script type = "text / css">

a.button {

background-color: transparent;

background-image: URL (button.gif);

}

</ Script>

3 Koble den nye CSS-klasse til HTML-knappen. Følgende kode er et eksempel på en knapp som bruker bakgrunnsbildet satt opp i CSS-klasse:

<Input type = "button" class = "button">

4 Lagre endringene, og åpne filen i en nettleser. Gjennomgå knappen for å bekrefte bilde belastninger på knappen.