CSS-background

Fra Holstebro HTX Wiki
Skift til: navigering, søgning

Når man har lavet en hjemmeside kan man vælge at indsætte forskellige typer baggrunde.

Man kan vælge bare at have en farve som baggrund eller at have et billede som baggrund.

Ensfarvet baggrund

Hvis man vælger at man kun vil havde en enkelt farve som baggrund er der forskellige værdiger for farver. En farve er specificeret som en HEX værdig, en RGB værdig eller et farve navn.

Eksempel på en HEX værdig: "#0000FF" Giver en rød baggrund Eksempel på en RGB værdig: "rgb(255,255,0) Giver en gul baggrund Eksempel på et farve navn:  :green; Giver grøn baggrund

Se mere på CSS-farver.

Eksempel

Koden for en farve ser sådan ud:

<html>
<head>
<style type="text/css">
body {
   background-color:green;
}
</style>
</head>

Billeder som baggrund

Ved at bruge grafiske billeder kan man ændre en sides udseende væsentligt.

Eksempel

Hvis du vælger at have et billede som baggrund skal du benytte dig af denne kode:

<html>
<head>
<style type="text/css">
body {
   background-image:url('eksempel.jpeg');
}
</style>
</head>

Når du indsætter et billede vil det automatisk gentage billedet så det fylder hele siden. Hvis du ikke ønsker det skal du tilføje background-repeat:no-repeat; til koden.

Ønsker du at billedet kun skal gentage sig vandret tilføjer du background-repeat:repeat-x; til koden. Skal billedet kun gentage sig lodret skal du tilføje background-repeat:repeat-y; til koden.