Ever wanted to be more creative with the **"bullets"** used when creating **O**rdered **L**ists and **U**nordered **L**ists?

## Ordered Lists

Using the **OL** tag set in the BODY area will create a normal numbered list. Adding a CSS command into the HEAD area of the code can change the numbers into a number of different choices.

<Code
  language="html"
  text={`<style type="text/css">
  ol {list-style-type: value;}
</style>`}
/>

The **VALUE** can be set to :
* **disc**: a disc
* **circle**: a circle
* **square**: a square
* **decimal**: regular numbers
* **lower-roman**: lower case roman numerals (i, ii, iii, iv)
* **upper-roman**: upper case roman numerals (I, II, III, IV)
* **lower-alpha**: lower case ascii letters (a, b, c, d)
* **upper-alpha**: upper case ascii letters (A, B, C, D)
* **none**: no marker at all

## Unordered Lists
Unordered lists can also be affected by the **list-style-image** command. They originally produce a DOT type bullet. Using CSS, you can substitute that dot with an image you have on file.

<Code
  language="html"
  text={`<style type="text/css">
  ul {list-style-image: url (SomeImage.gif);}
</style>`}
/>

<Aside
  title="Note"
  content="Netscape 4.7 does not support the images setting for UL."
/>

Learn about how you can use CSS to style ordered and unordered lists.

List Style

Author

Ordered Lists

Unordered Lists

Table of Contents