Listas não-ordenadas

• Item 1
• Item 2
• Item 3
• Item 4

Possíveis atributos do list-style-type

none, circle, disc, square

Exemplos:

ul { list-style-type:none; }

• Item 1
• Item 2

ul { list-style-type:square }

• Item 1
• Item 2

Listas ordenadas

1. Item 1
2. Item 2
3. Item 3
4. Item 4

Possíveis atributos do list-style-type

none, circle, disc, square, armenian, decimal,
lower-alpha, upper-alpha, lower-roman, upper-roman

Exemplos:

ul { list-style-type:lower-alpha; }

1. Item 1
2. Item 2

ul { list-style-type:upper-roman }

1. Item 1
2. Item 2

Marcadores personalizados

ul { list-style-type:none; }
li { list-style: url(imagens/item_green.gif) no-repeat 0 5px; padding-left: 15px; }

1. Item 1
2. Item 2

Menus feitos com listas

Horizontal

• Item 1
• Item 2
• Item 3
• Item 4

Vertical

• Item 1
• Item 2
• Item 3
• Item 4