LIST PLAYGROUND 4

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

Friday 17th of August 2018 05:15:16 PM



by Tone By Tone Dot Net

~~~

Tandem Tooters

Arbor Hosting