Tutorials - CSS - Lists

Lists in CSS are very similar to lists in HTML, using the list-style-type parameter to set the type of list in the same way we used the type attribute in HTML:

ul{ list-style-type: circle; }
ol{ list-style-type: upper-roman; }

You can also use images as your bullet type (which will replace the increment in ordered lists as well as in unordered lists):

ol{ list-style-image: url('/images/list.jpg'); }

This list now has
images instead of numbers

Page Responses

Currently there have been no responses to this page...

Post Response

If you have anything to contribute to this tutorial, found a bug, or know a better way of achieving the same goal, please leave your response below.