CSS ile Dikey Menü Yapımı

HTML Kısmı;

[code lang=”html”]

<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>

[/code]

CSS Kısmı;

[code lang=”css”]

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;
}

[/code]

CSS ile Dikey Menü Yapımı

Yorumlar 1

Bir yanıt yazın