style.css içerisine .liste şeklinde div class oluşturup renk ve genişlik bilgilerini tanımlıyoruz;

Aşağıya doğru uzanmasın, örnek sitedeki gibi yandan kaydırmalı olması için overflow ekliyoruz;

	.Liste li a{
        overflow: auto;
	float:left;
	background:#007773;
	color:white;
        height: 300px;
        
	}

Mouse üzerinde gelince gelen renk için hover veriyoruz;

.Liste li a:hover{
	background:#137591;
	}

Bileşenlerden html şablonu açıp içine,

<div class="Liste">

<li> <a href="http://site.com/kategori-1"> Kategori 1 </a> </li>
<li> <a href="http://site.com/kategori-1"> Kategori 1 </a> </li>
<li> <a href="http://site.com/kategori-1"> Kategori 1 </a> </li>
<li> <a href="http://site.com/kategori-1"> Kategori 1 </a> </li>
<li> <a href="http://site.com/kategori-1"> Kategori 1 </a> </li>

</div>

Kolay gelsin.