CSS Tutorial und HTML Beispiele

CSS (Cascading Style Sheets) Basics Tutorial. Dazu Beispiele mit HTML in Verbindung mit CSS.

CSS Lists, Links, Pseudo

Listenformatierung

Darstellungstyp

list-style-type: decimal; list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: none;

Listeneinrückung

list-style-position: inside; list-style-position: outside;

Eigene Grafik

list-style-image: url(bild.gif);

Hyperlink Formatierung

Link normal

a:link { color:#000000 }

Link besucht

a:visited { color:#000000 }

Link hover

a:hover { color:#000000 }

Link aktiv

a:active { color:#000000 }

Link focusiert

a:focus { color:#000000 }

Hyperlink Pseudoformat

Link normal

a.menu:link { color:#F00000 }

Link besucht

a.menu:visited { color:#F00000 }

Link hover

a.menu:hover { color:#F00000 }

Link aktiv

a.menu:active { color:#F00000 }

Link focusiert

a.menu:focus { color:#F00000 }

Ansprechen des formatierten Links mit Pseudoformat

<a class="menu" href="#">Pseudoformat</a>