Listutorial - Step by step CSS list tutorial

Tutorial 1 - Background images for bullets

Step 1 - Make a basic list

• Milk
• Eggs
• Cheese
• Vegetables
• Fruit

Start with a basic unordered list. The list items are all active (wrapped in <a href="#"> </a>). However, this is not essential. For this example a "#" is used as a dummy link.

Go to Step 2 →

HTML CODE
<ul>
<li><a href="#">Milk</a></li>
<li><a href="#">Eggs</a></li>
<li><a href="#">Cheese</a></li>
<li><a href="#">Vegetables</a></li>
<li><a href="#">Fruit</a></li>
</ul>

Comments form
Other Max Design articles and presentations
Associated with webstandardsgroup.org