|
In de laatste categorie leer je enkele speciale effecten toepassen met CSS die je nooit voor mogelijk had gehouden. CSS verenigt hier eenvoud met kracht; op een zeer eenvoudige wijze kun je een heel speciaal effect toepassen.
Hyperlinks
Kenmerken:
a:link
a:active
a:visited
a:hover
Waarde: Alle kenmerken met hun waarden kunnen hierop toegepast worden.
Voorbeeld:
a:link { color: red; text-decoration: none; }
a:active { color: red; }
a:visited { text-decoration: underline; }
a:hover { color: black; font-size: 200%; }
Tip: Om een correct werkend hovereffect te bekomen, moeten de kenmerken in
exact deze volgorde staan.
Schuifbalk
Kenmerken:
scrollbar-face-color
scrollbar-arrow-color
scrollbar-track-color
scrollbar-shadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
Waarde: Engelse kleurnaam of hexadecimale code
Voorbeeld:
body { scrollbar-face-color: black; scrollbar-arrow-color: #FF0000; ... }
Muiscursor
Kenmerk: cursor
Waarde: default, crosshair, help,
move, pointer, e-resize, neresize,
nw-resize, n-resize, e-resize,
sw-resize, s-resize, w-resize, text,
wait, url
Voorbeeld:
p { cursor: crosshair; }
Bekijk het voorbeeld
om deze elementen in actie te zien.
Ga naar het volgende deel van de CSS basiscursus : Positioneren in CSS
|
Ontwerp je site