body { color : white; font-family: Comic Sans MS; font-size : 12pt; background-color: "#009999"}
h2 { color: "#CCCCCC"; font: bold italic 36pt times, serif; }
P { color : red;font-size : 12pt;font-family : Comic Sans MS}
div { text-align: center }
h3 { color: yellow }
h2 { text-decoration: blink }
h1.rood { color: red }
h1.blauw { color: blue }
h1.groen { color: green }
hr {
	color: Blue;
}

.rood { color: red }


<!--Met Pseudo-Classes kun je de linkkleur instellen. 
Ook kun je verschillende linkkleuren instellen voor een pagina, dus bijvoorbeeld groene en blauwe links.
Wil je de links zonder streep eronder? 
Dan moet je een eigenschap gebruiken die we al eerder gezien hebben: text-decoration, met als waarde: none.-->

a:link { color: red; text-decoration: none }
a:visited { color: yellow; text-decoration: none }
a:hover { color: purple; text-decoration: none }
a:active { color: green; text-decoration: none }

<!--Met list-style kun je de weergave van je lijsten veranderen.
List-style-type
Geeft aan wat voor ieder list-item (<li>) getoond wordt.
Verschillende waarden mogelijk, afhankelijk van welk soort lijst je gebruikt.
Mogelijke waarden voor Unnumbered Lists (<ul>):
disc (standaard) 
circle 
square -->

ul { list-style-type: square ; list-style-position: outside }