Mera Kartika - Pemrograman Web 1 Edisi 2

79 Mengubah properti elemen saat mendapat focus Contoh penggunaan Pseudo-class : / * l i nk yang bel um di kunj ungi * / a: l i nk { col or : r ed; } / * l i nk yang t el ah di kunj ungi * / a: v i s i t ed { col or : gr een; } / * l i nk ket i ka kur sor di ar ahkan ke el emen * / a: hover { col or : bl ue; } / * l i nk ket i ka el emen di pi l i h ( v i a mouse, keyboar d at au al at i nput l ai nnya) * / a: ac t i ve { col or : cyan; } <a hr ef =" ht t ps : / / googl e. com/ " >LI NK</ a> Berikut tampilan link ketika tidak ada aksi yang dilakukan : Gambar 4.33 CSS Link pseudo selector Berikut tampilan link Ketika kursor mouse diarahkan ke elemen: Gambar 4.34 CSS Hover pseudo selector Berikut tampilan link pada saat diklik : Gambar 4.35 CSS Active pseudo selector

RkJQdWJsaXNoZXIy MTM3NDc5MQ==