We can control the appearance of list elements on our page using specific list properties. By default, list elements display certain browser styles and you would typically see unordered lists displayed as a bullet or solid dots. Ordered lists are displayed with a number by default.

As with pretty much anything on our page, we can change this appearance using CSS. The list elements have several list properties that we can use to control their appearance. For example, with the list style property, we can add any type of list marker to either an ordered or unordered list.