Hvordan legge til et bilde til en CSS-fil

Hvordan legge til et bilde til en CSS-fil


CSS, eller Cascading Style Sheet, blir ofte brukt til å definere stilen av et nettsted. Innenfor CSS-koden inneholder en stedets layout, skrifttyper og fargetemaer. En annen vanlig bruk av CSS er å definere bakgrunnsbildet på nettstedet. Et bakgrunnsbilde definert i CSS kan anvendes for utforming av et område type, eller den kan også brukes for å tillate tekst som skal plasseres på toppen av et bilde, for eksempel i banner hoder.

Bruksanvisning

1 Åpne din CSS-filen i Notepad.

2 Legg til følgende CSS-kode:

.Header {

background-image: URL(image/yourimage.gif);

}

Erstatt "image / yourimage.gif" med banenavnet der bildefilen er plassert.

3 Bruk CSS i HTML ved å angi "header" som klassen. For eksempel:

<Div class = "header"> Header innhold her </ div>