Yazılım Örnekleri

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>