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.

 

2 Comments

  1. MA Nis 29, 2013 Reply
  2. Eren Can Nis 29, 2013 Reply

Yorum Yapın