CSS Tutorial : Cara Styling Sebuah Link Dengan CSS

0

Saya akan menjelaskan penggunaan link dalam CSS.
sebenarnya mudah sekali.
link dalam CSS mempunyai 4 property,
dan empat2nya hanya butuh satu HTML, yaitu "a"..

Penjelasannya...

a:link /*digunakan untuk mengatur tag "a", sebenarnya tidak harus pakai ":link" langsung "a"*/
a:visited /*berlaku jika link pernah dibuka*/
a:active /*berlaku jika url yang dibuka sama dengan target pada tag "a"*/
a:hover /*berlaku jika mouse ada diatas tag tersebut atau mengenai*/

a:link

a:link sama saja dengan "a" jadi tidak terlalu diperlukan...

Cara penggunaan :
a:link {text-decoration: none;/*bisa diisi apa saja*/}
/*sama dengan*/
a {text-decoration: none;/*bisa diisi apa saja*/}


a:visited

Digunakan untuk men-styling link yang pernah dibuka oleh pengunjung...
Cara Penggunaan sama seperti "a:link" hanya menjadi "a:visited"....


a:active

Digunakan untuk Men-styling Link yang sedang dibuka...
Cara Penggunaan sama seperti "a:link" hanya menjadi "a:active"....


a:hover

Digunakan Untuk Men-Styling Link yang Terkena Mouse atau berada di Mouse..

Cara Penggunaan :
a:link {color: #000000;}
a:hover {color: #ff0000;}
/*bisa juga tag lain*/
span:hover
td:hover
dll...


Gimana Kegampangan...????