Anasayfa » HTML » CSS ile dikey menü yapımı

CSS ile dikey menü yapımı

CSS ile Dikey Menü Yapımı

menu

HTML Kısmı;

1
2
3
4
5
6
7
8
9
<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ı;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
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;
}

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*