Menambahkan Gaya Pada Link

Belajar CSS dalam memberikan gaya pada link, seperti a:link, a:hover, a:active dan a:visited.
Untuk mendapatkan tampilan yang berbeda, pada sebuah link tertentu kita dapat menambahkan properti yang berbeda-beda, misalnya dengan menambahkan properti background, text-decoration, color dll. Sebagai contoh:

a:link {color:green;}
a:hover {background:red;}
a:active {font-weight:bold;}
a:visited {text-decoration:underline;}

Buat kita para newbie seperti saya mungkin masih bingung apa yang dimaksud dengan a:link, a:hover dan lainnya. Dibawah ini sedikit jawaban tentang pertanyaan tersebut.

Apakah Yang Dimaksud a:link?

a:link adalah link biasa dimana link tersebut belum dikunjungi.
Sebagai contoh ketika kita mengunjungi sebuah blog di situ kita menemukan banyak link, nah link-link tersebut adalah a:link.

Apakah Yang Dimaksud a:hover?

a:hover adalah ketika kita meletakkan mouse diatas link.
Sebagai contoh kita mengunjungi blog dan kita menemukan satu link yang begitu menarik dan rasa penasaran mendorong keinginan kita untuk mengunjungi link tersebut maka kita mengarahkan mouse dan meletakkan diatas link, nah link tersebut adalah a:hover.

Apakah Yang Dimaksud a:active?

a:active adalah link yang sedang kita kunjungi.
Sebagai contoh kita mengunjungi blog dan kita menemukan link kemudian kita mengunjungi/meng-klik link tersebut, selanjutnya pada halaman yang terbuka kita menemukan link yang baru saja kita klik, nah link tersebut adalah a:active. Biasanya pada sebuah blog link seperti ini diberikan class khusus seperti a.current-page dll.

Apakah Yang Dimaksud a:visited?

a:visited adalah link yang sudah kita klik.
Sebagai contoh kita mengunjungi blog dan disitu kita meng-klik satu atau banyak link, pada halaman selanjutnya atau halaman lain kita menemukan lagi banyak link yang sudah kita klik tadi, nah link tersebut adalah a:visited

Begitulah sedikit penjelasan tentang link, semoga bisa membantu para newbie yang lagi belajar CSS seperti saya.
Tentunya, banyak kesalahan mohon diingatkan, banyak kekurangan mohon ditambahkan.

CATEGORY : CSS Basic TAG : belajar, code, css, dasar, desain, standar at Thursday, 18 November, 2010