CSS ile Dikey Menü Yapımı
CSS ile Dikey Menü Yapımı
HTML Kısmı;
<body> <ul class="menum"> <li><a href="#">Anasayfa</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Ürünler</a></li> <li><a href="#">Referans</a></li> <li><a href="#">İletişim</a></li> </ul> </body>
CSS Kısmı;
body
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
.menum
{
list-style-type:none;
margin:0px;
padding:0px;
}
.menum a
{
display:block;
color:#000;
background-color:#9CF;
width:80px;
text-decoration:none;
padding:4px 10px;
}
.menum a:hover
{
font-weight:bold;
color:#FFFFFF;
background-color:#2586D7;
}
.menum li
{
margin:0px 0px 2px 0px;
}
hocam menüye tıkladıgımızda rengi degişim sabit kalması için hangi kodu yazıyoruz