CSS ile Yatay Menü Yapmak

Css ile yatay menü

<style>
ul.menus {
    list-style:none; padding:0px; margin:0px;} /*sırasıyla listemizdeki başındaki noktaları kaldırdık ,  listedeki boşlukları sıfırladık */
    
ul.menus li{
    float:left; }
ul.menus a { text-decoration:none; display:block; } /*alt çizgiyi kaldırdık */


ul.menus li a { background:#C33; color:#CCC; margin:2px; width:120px;
padding-left:3px;} /*arkaplan rengi verdik , yazı rengi belirledik , liste aralarına 2 px lik boşluk verdik , soldan 3 px lik boşluk verdik*/


ul.menus li a:hover { background:#CCC; color:#F00;}/*hover metodu ile üzerine gelindiğnde yeni arkaplan ve yazı rengi verdik */
    
</style>

 

<ul  class="menus">

<li><a href="#">ANASAYFA</a></li>
<li><a href="#">HAKKIMIZDA</a></li>
<li><a href="#">İLETİŞİM</a></li>
</ul>

Programın Çıktısı

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
9
Günlük :
140
Haftalık :
404
Aylık :
1441
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."