imagen diferente en <li>

[Hadess_inf]

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.

[Hadess_inf]

Bueno aqui encontre la solucion:

Código (css) [Seleccionar] Expandir

ul{ li-style-type: none;}

li{position:relative; float: left; width:100px; height: 100px; }

li img { display: block; position: absolute; bottom: 0; }