Foro de elhacker.net

Buen día, necesito ayuda con algo, les comento... tengo este código:

<ul>
 <li><a href="#">Uno</a></li>
 <li><a href="#">Dos</a></li>
 <li><a href="#">Tres</a></li>
</ul>

Como puedo hacer para que cada li tenga un icono distinto. Claro todo esto aplicando CSS y buenas practicas.

Gracias desde ya.

Bueno aqui encontre la solucion:

ul{ li-style-type: none;}
 
li{position:relative; float: left; width:100px; height: 100px; }
 
li img { display: block; position: absolute; bottom: 0; }