Startseite Skripte für das Wintersemester 2018/19 Webdesign Semantic Web CSS für Ungeordneten Listen


CSS für Ungeordneten Listen

  • man kann statt des disc andere Symbole verwenden (square, circle …)
  • oder gar keine Symbole anzeigen lassen
  • oder eigene (kleine!) Grafiken (gifs/jpgs/pngs/svgs) verwenden

HTML

<ul>
    <li>Katze</li>
    <li>Hund</li>
</ul>

CSS

/* anderes Symbol */
ul {list-style-type: square;}

/* kein Symbol */
ul {list-style-type: none;}

/* eigenes Bild – dazu erst die normalen Symbole wegmachen */
ul {
    list-style-type: none;
    list-style-image: url(pix/xyz.gif); /* pfadangaben beachten! */
}