Dabaddu37
Hectopat
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Öğrenci
Merhaba
Bu menü çubuğundaki aradaki boşlukları nasıl giderebilirim. HTML + CSS öğreniyorum. Çok uğraştım bir şey deneyince diğeri bozuluyor sürekli.
Bu menü çubuğundaki aradaki boşlukları nasıl giderebilirim. HTML + CSS öğreniyorum. Çok uğraştım bir şey deneyince diğeri bozuluyor sürekli.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Menü</title>
<meta charset="utf-8">
</head>
<body>
<ul class="gez">
<li><a href="/0">Anasayfa</a></li>
<li><a href="/0">Hakkımızda</a></li>
<li><a href="/0">Tarihçe</a></li>
<li><a href="/0">Vizyon</a></li>
<li><a href="/0">Misyon</a></li>
<li><a href="/0">Faaliyetlerimiz</a></li>
<li><a href="/0">Basında Biz</a></li>
<li><a href="/0">İletişim</a></li>
</ul>
</body>
</html>
CSS:
.gez {
margin: 20px 10px;
text-align:center;
width : 100%;
list-style: none;
padding:0;
}
.gez li {
float: left;
list-style-type: none;
padding: 0 10px 0 0;
float: none;
display: inline-block;
}
.gez li a {
background: #444;
color: #fff;
display: block;
padding: 10px 20px;
text-decoration: none;
}
.gez li a:hover {
background: #666
}
.gez li:first-child a {
border-radius: 30px 0 0 30px;
}
.gez li:last-child a {
border-radius: 0px 30px 30px 0px;
}
Son düzenleyen: Moderatör: