Afficher des listes à puces avec des images - exemple 2

Cette technique consiste à utiliser une image d'arrière plan pour chaque élément de la liste (balise <li>). Le positionnement de l'image est souvent plus facile à gérer que dans l'exemple 1.

• Test
• Test
• Test
• Test
• Test

Code :

li {
 background-image: url(images/puce.gif);
 background-repeat: no-repeat;
 background-position: left center;
 list-style-type: none;
 padding-left: 12px;
 }

Dreamweaver :

<liste des exemples CSS>