#9 Customizing the Text part 2

Konbanwa minna :D Ogenki desuka? Genki desu yo. Hehehe. Hari ini kita akan melanjutkan 'Customizing the Text part 1' yang lalu. Semoga kalian belum bosan :)

Kali ini kita akan belajar tentang LINK. You know link, right. Kalau kalian menulis link di file htmlmu tanpa CSS, pasti warna linknya bakal biru/ungu, font Times New Roman ukuran 12pt. Right? Ah-ah, how boring! Kenapa nggak kita coba yang lain? Kenapa nggak fontnya kita ganti atau warnanya diubah gitu? Ya nggak? Makanya baca post ini baik-baik, dan praktekkan :D

Kodenya adalah:

A:link
{
(code yang diinginkan)
}

A:visited
{
(code yang diinginkan)
}

A:active
{
(code yang diinginkan)
}

A:hover
{
(code yang diinginkan)
}

A:link adalah link itu sendiri. Apa warnanya? Fontnya? Ukurannya? Bisa kamu ubah di a:link.
A:visited adalah link yang sudah pernah kamu kunjungi. Kalau kamu menulis link di file htmlmu tanpa CSS, jika sitenya sudah pernah kamu kunjungi (google.com misalnya) pasti warnanya akan berubah jadi ungu. Kalau belum pernah kamu kunjungi maka warnanya akan berubah jadi biru. Am I right?
A:active adalah keadaan link ketika kamu mengekliknya. Hanya ketika saat kamu mengekliknya.
A:hover adalah keadaan link ketika ditunjuk. Apakah bakal kedip-kedip? Apakah akan menebal? Bisa kamu atur di a:hover.

Contohnya seperti ini:

A:link
{
text-decoration: none; color: #FFFFFF; cursor:crosshair;
}

A:visited
{
text-decoration: none; cursor:crosshair; color: #FFFFFF;
}

A:active
{
text-decoration: none; cursor:crosshair; color:#5A5A5A ;
}

A:hover {
text-decoration: blink; color: #000000; font weight: bold; cursor: help;
}

Then test it!
Kalian mungkin melihat sesuatu yang beda pada kode di atas. Yep, bener. CURSOR. Penasaran? Nantikan postingan berikutnya! Jaa~

.ulaai