Linklerinizi şenlendirin

Bu bölümde linklerinizi farklı şekillerde göstermeniz için kullanabileceğiniz yöntemleri göreceğiz. Yöntemler diyorum çünkü CSS kullanılarak geliştirilmiş link stillerini göstereceğiz.
Bu bölümdeki bazı stilleri netscape kabul etmeyebilir. Browserlerin 4.0 ve üzeri versiyonlarında(explorer, netscape) kullanılıyorlar. Beğendiğiniz stilli head tagları arasına yerleştirmeniz yeterlidir. Daha ayrıntılı bilgi için css bölümüne bakabilirsiniz.

Yeni bir link örneği
Mouse linkin üzerine geldiğinde + şeklini almasını sağlayan bu stilin kodları:

<style>
<!--
a:hover{ cursor:crosshair;}
-->
</style>

Yeni bir link örneği
Mouse linkin üzerine geldiğinde linkin zemin rengini sarı yapan bu scriptin kodları:

<style>
<!--
a:hover{background:yellow;}
-->
</style>

Yeni bir link örneği
Mouse linkin üzerine geldiğinde link fontunu büyüten bu stilin kodları;

<style>
<!--
a:hover{font-size:14pt;}
-->
</style>

Yeni bir link örneği
Altı çizgisiz bir link ve üzerine mouse geldiğinde altı çizgili oluyor. Kodlar:

<style>
<!--
a{text-decoration:none;}
a:hover{text-decoration:underline;}
-->
</style>

Yeni bir link örneği
Zemin rengi kırmızı bir link. Mouse üzerine geldiğinde zemin rengi sarı oluyor. Kodlar:

<style>
<!--
a{background:red;}
a:hover{background:yellow;}
-->
</style>