Background images are added to the "LI" element using "background-image". The background image is now repeated across the background of the each list item - not a pretty look.
CSS CODE
ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
li
{
background-image: url(arrow.gif);
}
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>
Other Max Design articles and presentations