Modifying Lists with CSS Styling

The original html structuring of lists is adequate for most purposes. However, CSS provides a few attributes designed just for lists.

Lists without Bullets or Numbers

Lists can be made without bullets, using the style attribute. Set "list-style-type" to "none"

<ul style="list-style-type:none">
  <li> bluebirds 
  <li> cardinals 
  <li> robins 
</ul>

And Just for Fun -- Lists with Fancy Bullets

To make a list with snazzy bullets, set "list-style-image" as follows: ('bluered.gif' is the address of the image file relative to this file.)

<ul style="list-style-image:url('bluered.gif')">
  <li> bluebirds 
  <li> cardinals 
  <li> robins 
</ul>