by Florence W Deems

Here's a way to use an image instead of a bullet (circle or square) in an Unordered List. First, you must put into the head tag the following CSS style:

In the body of the page, you simply put the list wherever you want it and the images will appear in front of each <li> Close the list normally.

  • OK, this is the first list item.

  • And this is the second list item.

  • Gotta say something different for this third list item, or you'll get bored!

I tried this with an Ordered List, putting another <style> tag into the head, except substituting ol for the ul and changing the image url. BUT, that didn't work. Instead of an image, I got the numerals, as usual. So, for now, we can use images only in the Definition and Unordered Lists.

To List Playground 1 ~ 2 ~ 3 ~ 4

Lists Glossary ~ Unordered Lists ~ Definition Lists

Visit these other Tutorials by Flo

Saturday 04th of February 2023 12:21:05 AM

by Tone By Tone Dot Net


Tandem Tooters

Arbor Hosting