Belajar CSS Part 14 : CSS Links

CSS LINKS

Assalamu'alaikum Wr. Wb

Hai sobat semua, terima kasih sudah mengunjungi blog saya. Sebelmunya kita sudah belajar mengenai Icons pada CSS, kesempatan kali ini kita akan lanjut kemateri selanjutnya yaitu CSS Links.

Langsung saja yuk...

Link dapat ditata dengan properti CSS (misal : color, font-family, background, dll).

Contoh :

Hasilnya :

Selain itu, link bisa ditata secara berbeda, contohnya :

• a:link - Normal, link yang belum pernah dikunjungi
• a:visited - Link pengguna yang telah dikunjungi
• a:hover - Link ketika mouse pengguna diarahkan keatasnya
• a:active - Link ketika klik

Hasilnya :

TEXT DECORATION
Properti text-decoration mayoritas digunakan untuk menghapus underline/garis bawah ketika mouse diarahkan diatas link.
Contoh :

Hasilnya :

BACKGROUND COLOR
Properti background-color digunakan untuk menentukan warna latar belakang dari link.
Contoh :

Hasilnya :

TOMBOL LINK
Kita dapat menggabungkan beberapa sifat CSS untuk menampilkan link menjadi kotak/tombol.
Contoh :

Hasilnya :

Silakan dicoba sendiri sobat. Apabila ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima kasih.

Referensi :
http://www.w3schools.com/css/css_link.asp

Wassalamu'alaikum Wr. Wb