CSS Links

Link dapat ditampilkan menarik dengan properti CSS (warna, background, font-family, dll).

  • a:link - link normal, belum dikunjungi
  • a:visited - link sudah dikunjungi
  • a:hover - link ketika mouse berada diatasnya
  • a:active - link saat diklik atau bisa juga link sedang aktif
a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#222222;}
a:active {color:#CCCCCC;}

Properti text-decoration sering juga digunakan untuk menghilangkan garis dibawah link.

a:link {color:#FF0000;text-decoration:none;}
a:visited {color:#00FF00;text-decoration:none;}
a:hover {color:#222222;text-decoration:underline;}
a:active {color:#CCCCCC;text-decoration:line-through;}

Seperti yang Nano katakan diatas, link bisa divariasi menggunakan warna, background, font-size, font family, dll. Tergantung kreatifitas anda.


Alhamdulillah

0 comments:


Posting Komentar


Creative Commons License
CSS Links by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2010/12/css-links.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.