CSS İle Yatay Menü Yapımı

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Oy Kullanılmamış)
Loading...
 

css

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
 

Yorum Yapın