Beispiel:List-style-image.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>andere Aufzählungszeichen</title> 

 <style>

.list-style li { list-style-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b1/Gnome-x-office-document-PDF.svg); } .pseudo li { list-style: none; } 

   .pseudo li::before {

content: url(https://upload.wikimedia.org/wikipedia/commons/b/b1/Gnome-x-office-document-PDF.svg); vertical-align: -10px; 

               margin-right: .5em;

} 

 </style>

</head>

<body>

archivierte Rechnungen

list-style-image

  • <a href="#">2016001</a>
  • <a href="#">2016002</a>
  • <a href="#">2016003</a>
  • <a href="#">2016004</a>

Pseudoelement

  • <a href="#">2016001</a>
  • <a href="#">2016002</a>
  • <a href="#">2016003</a>
  • <a href="#">2016004</a>

</body> </html>

Abgerufen am 27.07.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:List-style-image.html"