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