HTML and CSS Reference
In-Depth Information
<li><a href "">Bremse</a></li>
<li class "sep">Unter 2000 Euro</li>
<li><a href "">Motorhaube</a></li>
<li><a href "">Achse</a></li>
</ul>
</div>
Die Klasse
edgetoedge
definiert Linkfelder von der rechten Bildschirmseite bis zur
linken Seite - es gibt also keine unklickbare Fläche links und rechts wie bei
rounded
.
Mit der Klasse
sep
können Überschriften und Separatoren im
li
-Tag definiert werden:
Bild 1.28:
Mit
edgetoedge
definierte Linkfelder.
Ein weiterer Stil ist
plastic
, der im Gegensatz zu
edgetoedge
die Klassen
arrow
und
forward
für das
li
-Tag unterstützt:
<ul class "plastic">
<li>Unter 1000 Euro</li>
<li class "forward"><a href "">Lenkrad</a></li>
<li class "forward"><a href "">Bremse</a></li>
<li>Unter 2000 Euro</li>
<li class "arrow"><a href "">Motorhaube</a></li>
<li class "arrow"><a href "">Achse</a></li>
</ul>
Bei
plastic
erstrecken sich die Linkfelder ebenfalls von Bildschirmrand zu Bildschirm-
rand, und die Hintergrundfarbe alterniert pro Link.