Yazılım Örnekleri

Css ile Dikey menü

<style>
ul.menus {
    list-style:none; padding:0px; margin:0px;} /*sırasıyla listemizin başındaki noktaları kaldırdık ,  listedeki boşlukları sıfırladık */
    

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>