CSS İle Link Kontrolü

Kod Alanı:

<html xmlns="https://www.hanci.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



</head>



<body>

<div id="menu">

<a href="">hanci</a>

</div>

</body>

</html>






Burada hanci yazısına link verdik fakat hanci yazısı mavi
renkte ve altı çizili olacaktır.Biz HTMLde olduğu gibi CSS de bunu
değiştirebiliriz.



Kod Alanı:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.hanci.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.hanci.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

a:link{

color:#000000;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

}

a:visited{

color:#000000;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

}

a:active{

color:#0066FF;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

}

a:hover{

color:#993300;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

}

</style>

</head>



<body>

<div id="menu">

<a href="">hanci</a>

</div>

</body>

</html>






Şimdi burada kullandığımız CSS kodlarını açıklayalım.



a:link : a:link komutu ile linkimizi mavi rengini değiştirdik.

a:visited : a:visited ile bilindiği üzere ziyaret edilen
link rengini değiştirir ve kırmızı bir renk alır biz bunu bu komut ile
engelledik yani bizim belirlediğimiz rengi aldı

a:active : a:active komutu ile adındanda anlaşılacağı üzere faremiz ile linkin üzerine tıklandığı zaman linkimizin rengini belirliyoruz.

a:hover : a:hover ile fare linkimizin üstüne geldiği zaman rengini vs vs belirtiyoruz.





Kod Alanı:


color:#0066FF; rengi belirtik

text-decoration:none; Altı çizilimi değilmi onu belirliyoruz

font-family:Arial, Helvetica, sans-serif; Fontumuzu belirliyoruz

font-size:14px; Fontumuzun büyüklüğünü belirliyoruz



Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.