EmrahGK
Kilopat
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Öğrenci :)
Evet arkadaşlar sorum aynen başlıktaki gibi. "ul" komutunu kullandığım zaman ve CSS kısmında text-align: Center yaptığımda aynen ekran görüntüsündeki gibi maddelerle yazıların arasında bir boşluk oluşuyor. Bu boşluğu nasıl yok edebilirim?
[CODE lang="html" title="Sayfa" highlight="19-22"]<html>
<head>
<style type="text/css">
h1 {
font-size:50px;
text-align:center;
color:red;
}
p {
text-align:center;
font-size:22px;
}
ul {
text-align:center;
font-size:22px;
}
body{
background-image: linear-gradient(#8b9da9, #fff6e4);
box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
}
a:link {font-weight:bold;}
a:hover {background-color:red; color:white; text-decoration:none; }
a:active{background-color:red; color:black; font-style:italic;}
</style>
<link rel="shortcut icon" href="logo.ico">
<title> Ders 18 | CSS'de Anchor </title>
</head>
<body>
<h1> Sayfama hoşgeldin.. </h1>
<hr/ color=blue>
<p> Bugünkü dersimizde HTML'de öğrendiğimiz <b>Anchor yani "a" komutuna </b> biraz daha fonksiyonlar ekleyip CSS'de kullanacağız.
<br/>
<br/>
<a href="https://www.technopat.net/sosyal/uye/emrahgk.240673/" target="blank"> Buraya</a> basarak Technopat profilime bakabilirsin.
<br/>
<br/>
<ul>
<li> <b>Buraya</b> kısmına hiçbir etkinlik yapmadığımız halde normal şeklinde duruyor. "a:link" </li>
<li> Fakat üstüne geldiğimizde altındaki çizgi yokoluyor ve yazı rengi kırmızı beyaz oluyor. Bunu "a:hover" komutu ile yapıyoruz. </li>
<li> Bastıktan sonra fareyi elimizden çekmeden tutarsak yazının rengi siyah ve italik oluyor. Bunu da a:active ile yapabiliriz. </li> </p>
</ul>
</body>
</html>[/CODE]
Edit: Sanırım başlık yüzünden uyarı yiyeceğim
.
[CODE lang="html" title="Sayfa" highlight="19-22"]<html>
<head>
<style type="text/css">
h1 {
font-size:50px;
text-align:center;
color:red;
}
p {
text-align:center;
font-size:22px;
}
ul {
text-align:center;
font-size:22px;
}
body{
background-image: linear-gradient(#8b9da9, #fff6e4);
box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
}
a:link {font-weight:bold;}
a:hover {background-color:red; color:white; text-decoration:none; }
a:active{background-color:red; color:black; font-style:italic;}
</style>
<link rel="shortcut icon" href="logo.ico">
<title> Ders 18 | CSS'de Anchor </title>
</head>
<body>
<h1> Sayfama hoşgeldin.. </h1>
<hr/ color=blue>
<p> Bugünkü dersimizde HTML'de öğrendiğimiz <b>Anchor yani "a" komutuna </b> biraz daha fonksiyonlar ekleyip CSS'de kullanacağız.
<br/>
<br/>
<a href="https://www.technopat.net/sosyal/uye/emrahgk.240673/" target="blank"> Buraya</a> basarak Technopat profilime bakabilirsin.
<br/>
<br/>
<ul>
<li> <b>Buraya</b> kısmına hiçbir etkinlik yapmadığımız halde normal şeklinde duruyor. "a:link" </li>
<li> Fakat üstüne geldiğimizde altındaki çizgi yokoluyor ve yazı rengi kırmızı beyaz oluyor. Bunu "a:hover" komutu ile yapıyoruz. </li>
<li> Bastıktan sonra fareyi elimizden çekmeden tutarsak yazının rengi siyah ve italik oluyor. Bunu da a:active ile yapabiliriz. </li> </p>
</ul>
</body>
</html>[/CODE]
Edit: Sanırım başlık yüzünden uyarı yiyeceğim
.
Son düzenleyen: Moderatör:
