Barner
  
YAZAR :Emin Gökçe
ALANI :Php, Mysql
Css ile Html'ye Ek Özellik 3

CSS ile cansıkıcı 'mavi ve altı çizili' linkler yerine, oldukça estetik görünümlü linkler oluşturabiliriz.<A> etiketinin stilini belirlerken olası üç durumu bildiren üç ifade kullanırız. Bunlar:

 

 

  • active: Mouse'un link'in uzerine tıkladığı anki stili,
  • visited: Link en az bir kere tıklandıktan sonraki stili ,
  • hover: Mouse'un imleci link'in üzerindeyken (bir nevi onMouseOver) nasıl bir stil alacağını belirler.

Şimdi bunların kullanımını bir örnekle görelim:

<html>
<head>
<title>Linkler ve CSS</title>
<METAcontent=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type>
<style type="text/css">
<!--
a:link{text-decoration:none; color:teal}
a:active{text-decoration:none; color:red}
a:visited{text-decoration:none; font-family:Times New Roman; color:green}
a:hover{background-color:teal; color:white; font-family:arial}
-->
</style>
</head>
<body>
<a href="Anasayfa.html">Anasayfa</a>
</html>