Bliv sponser til 500.dk

Her laver vi lidt om på teksten med farver i tags
Style skal mellem <head> og </head>

<h1>CSS baggrund 006600

<style> h1 {background-color: #006600;}
h1 {color: green;}</style>
<body><h1 class = "a">Tekst her<h1></body>

<h1>CSS baggrunde FF0000 m <p class = "a">

<style> h1 {background-color: #FF0000;}
h1 {color: green;}</style>
<body><h1 class = "a">Tekst her<h1></body>

<h2>CSS baggrunde 009900

<style> h2 {background-color: #009900;} </style>

<h3>CSS baggrunde 00CC00

<style> h3 {background-color: #00CC00;} </style>

<h4>CSS baggrunde 00CC33

<style> h4 {background-color: #00CC33;} </style>
<h5>CSS baggrunde 00CC66
<style> h5 {background-color: #00CC66;} </style>
<h6>CSS baggrunde 00CC99
<style> h6 {background-color: #00CC99;} </style>

Tekst inde i et <div>element.

Denne paragraph har sin egen baggrund m. <p class = "a">

Vi er stadig i <div> element.

<style> div {background-color: #cc0066;}
p.a {background-color: #FFFF00;}</style>

<body><div> Tekst her.
<p class = "a">Den gule Tekst baggrund her</p>
Tekst her</div></body>

Tekst inde i et <div>element.

Denne paragraph har sin egen baggrund m. <p class = "b">

Denne paragraph har sin egen baggrund m. <p class = "c">

Denne paragraph har sin egen baggrund m.

Vi er stadig i <div> element.

Den her tager baggrund og tekst farve m. i <p class = "e">

<style> div {background-color: #cc0066;}
p.e {color: #FFFFFF;}
p.b {background-color: #FFFF00;}
p.c {background-color: #FFFF00;}
p.d {background-color: #FFFF00;}
p.e {background-color: #000000;} </style>

<body><div> Tekst her.
<p class = "b">Tekst baggrund her</p>
<p class = "c">Tekst baggrund her</p>
<p class = "d">Tekst baggrund her</p>
<p class = "e">Tekst baggrund her</p>
Tekst her</div></body>