CSS ile Yatay Menü Oluşturma (Web Tasarım ve Programlama)

Bu dersimizde css yatay menü oluşturacağız.

 

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>CSS Yatay Menü Örneği</title>
<style type=”text/css”>
<!–
body ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
body ul li {
float: left;
height: 30px;
width: 160px;
position: relative;
background-color: #0D0D0D;
}
body ul li a {
height: 30px;
display: block;
font-weight: bold;
color: #FFF;
text-decoration: none;
padding-left: 5px;
line-height: 30px;
}
body ul li a:hover {
height: 30px;
display: block;
font-weight: bold;
color: #000;
text-decoration: none;
padding-left: 5px;
line-height: 30px;
background-color: #CCC;
}

–>
</style>
</head>

<body>
<ul>
<li><a href=”anasayfa.html”>Anasayfa</a></li>
<li><a href=”hakkimizda.html”>Hakkımızda</a></li>
<li><a href=”#”>Hizmetlerimiz</a></li>
<li><a href=”referans.html”>Referanslarımız</a></li>
<li><a href=”iletisim.html”>İletisim</a></li>
</ul>
</body>

 

 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir