Learn how to write or modify CSS code, enhancing the appearance of lists on your websites and applications. Explore the HTML properties of ordered lists, including numbered lists. Learn the key CSS properties used in styling both a list itself and the items within the list.
- [Voiceover] Hi, my name is Chris Converse, and welcome to Design the Web. In this episode, we'll be completely transforming an HTML numbered list using CSS. We'll start by redefining the list style type in CSS and then adding our own elements using pseudo-elements and populating the content of those new elements with our own custom CSS counters in order to take full control over the design of the HTML list items. This technique will allow you to add visually rich and numbered lists to your webpages while maintaining the original structure of the ordered list elements.
And finally, the exercise files for this course are available to all members. So download your files and let's start styling a numbered list.