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.