Fungsi a:hover dan a:visited di CSS

Ifan Irfansyah 0 min read
Assalamu'alaikum


Sudah lama sekali blog ini tidak update. Maklum saya akhir-akhir ini sedang tidak semangat ngeblog.


fungsi a hover di css


Kali ini saya akan menjelaskan apa fungsi dari a:hover dan a:visited di CSS, serta bagaimana cara menggunakannya

Mungkin sobat sering menemui kode tersebut di dalam css milik orang lain.


a:hover digunakan untuk mengatur gaya link jika sedang disentuh oleh kursor di PC.


Disini sobat bisa menambahkan properti color, border, font-size, font-family, dll.

Contoh:

a:hover {color:green}

Jika sobat menambahkan kode tersebut di css maka jika link disentuh kursor, link tersebut akan berubah menjadi warna hijau (green).


Fungsi a:visited adalah untuk mengatur gaya link yang sudah kita klik/kunjungi.

Disini juga sobat bisa menambahkan property yang sama seperti di a:hover.

Contoh:

a:visited {font-weight:bold}

Jika sobat menambahkan kode tersebut maka link yang sudah sobat kunjungi akan berubah menjadi tebal (bold).


Bagaimana? sudah mengerti belum tentang a:hover dan a:visited?


Kode-kode diatas hanya contoh saja silahkan sobat kreasikan kembali dengan menambahkan property-property lainnya, agar blog sobat semakin menarik.


Jika ada kesalahan mohon dimaafkan, jika belum mengerti silahkan tanyakan di komentar.
Kode-kode diatas hanya contoh saja silahkan sobat kreasikan kembali dengan menambahkan property-property lainnya, agar blog sobat semakin menarik.

Posting Komentar