Belajar CSS : CSS Links

Halo teman-teman semua, pada kesempatan kali ini saya akan memosting materi tentang CSS Link. Berikut materinya

CSS LINKS
Link atau hyperlink digunakan untuk mempermudah pengguna untuk meng-klik 
dari halaman satu kehalaman yang lain.

Styling Links, link dapat ditata dengan properti CSS misalnya color, font-family, background dll.
Contoh link color :

Hasilnya :

Selain itu link juga dapat ditata secara berbeda sesuai dengan negara mereka berada.

a : visited, link pengguna setelah mengunjungi

a : hover, link ketika mouse pengguna diatas

a : active, pada saat link diklik

Ketika menetapkan style untuk beberapa negara tautan, ada beberapa aturan diantaranya : a:hover v harus ada setelah link dan a:visited, a:active haruss ada setelah a:hover.

Text Decoration, properti text-decoration ini digunakn untuk menghapus yang menggaris bawahi link.
Contoh penerapannya :

Hasilnya :

Background Color, properti background-color ini digunakan untuk menentukan warna latar belakang pada link.
Contoh penerapannya :

 

Tampilan apabila pengguna telah mengunjungi link.

 

Tampilan ketika mouse pengguna diatasnya

Tampilan apabila link tersebut diklik.

Link Buttons, untuk menampilkan link sebagai kotak/tombol. Berikut contoh yang menunjukan link button.

Hasilnya

Tampilan ketika mouse pengguna diatasnya dan saat link tersebut diklik

Referensi :

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

Sekian dan terimakasih. Semoga bermanfaat..