CSS Tutorial 6. Listenformatierung, Hyperlinks und Pseudoformate

Author:
Kategorie:
HTML & CSS
Beitrag vom:
CSS Lists, Links, Pseudo
CSS Lists, Links, Pseudo

Ansprechen von HTML Elementen mittels CSS Pseudoformaten, sowie CSS Styling für Listen und Links

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>

Seite teilen

Der Beitrag: CSS Tutorial 6. Listenformatierung, Hyperlinks und Pseudoformate, aus der Rubrik HTML & CSS hat dir gefallen?