Aşağıda belirtmiş olduğumuz seçenekler css ile html dosyası içinde listeme olanaklarından bir tanesidir. Klasik listeleme yanı sıra bu listelemede listelediğimiz alanların yanında birde resim oluşturmuş bulunuyoruz. 

<html>
<head>
<style>
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
ul li
{
background-image:url(http://www.alasria-eg.com/images/sqpurple.gif);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
}
</style>
</head>

<body>
<ul>
<li>Ana menü</li>
<li>Iletişim</li>
<li>Forum</li>
</ul>
</body>
</html>

yukarıdaki resim basit gibi görünebilir sizin için yanlız bunu geliştirmek tamamen sizin hayal gücünüze kalmıştır.