Link

Link CSS
«Sebelumnya
Tonton video tutorial ini
Next Chapter »

Link dapat ditata dengan cara yang berbeda.
Link styling

Link dapat ditata dengan properti CSS (misalnya warna, font-family, latar belakang, dll).

Selain itu, link bisa ditata secara berbeda tergantung pada apa negara mereka berada di.

Empat link negara adalah:

     a: link - normal, link yang belum dikunjungi
     a: visited - link pengguna telah mengunjungi
     a: hover - link ketika mouse pengguna di atasnya
     a: active - link saat itu diklik

contoh
/ * Link yang belum dikunjungi * /
a: link {
     color: # FF0000;
}

/ * Link yang dikunjungi * /
a: visited {
     color: # 00FF00;
}

/ * Mouse pada link * /
a: hover {
     color: # FF00FF;
}

/ * Link yang dipilih * /
a: active {
     color: # 0000FF;
}

Cobalah sendiri »

Ketika menetapkan gaya untuk beberapa negara Link, ada beberapa aturan agar:

     a: hover harus datang setelah a: link dan a: visited
     a: aktif harus datang setelah: hover

Link Umum Styles

Dalam contoh di atas link berubah warna tergantung pada apa negara itu dalam.

Mari kita pergi melalui beberapa cara umum lain untuk link gaya:
Dekorasi teks

Properti text-decoration banyak digunakan untuk menghilangkan garis bawah dari link:
contoh
a: link {
     text-decoration: none;
}

a: visited {
     text-decoration: none;
}

a: hover {
     text-decoration: underline;
}

a: active {
     text-decoration: underline;
}

Cobalah sendiri »
Warna Latar Belakang

Properti background-color menentukan warna latar belakang untuk link:
contoh
a: link {
     background-color: # B2FF99;
}

a: visited {
     background-color: # FFFF85;
}

a: hover {
     background-color: # FF704D;
}

a: active {
     background-color: # FF704D;
}