CSS İle Yatay Menü Yapımı

CSS İle Yatay Menü Yapımı

<ul> komutunu kullanarak oluşturucağız menünün html kod yapısı:

<ul>
<li><a href="#">EcanBlog</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">Blogger</a></li>
<li><a href="#">Teknoloji</a></li>
<li><a href="#">Web Programlama </a></li>
<li><a href="#">Güncel Blog</a></li>
</ul>

İşte buda CSS kodları

ul { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
} 
ul li { 
    display: inline; 
} 
ul li a { 
    text-decoration: none; 
    padding: .2em 1em;
    color: #1B1B1B;
    background-color: #E2E2E2;
} 
ul li a:hover
{
background-color: #999;
}

Burada basit menü örneği verdim.Önce işin temelini öğrenmekte.Çok daha gelişmiş menü örnekleri internette mevcut.

İlgili Aramalar:css örnekleri,css menü örneği,basit css örneği yapma