Mengatur Link dari Artikel Web dengan CSS- Dalam menggunkan link pada halaman web ada beberapa pengaturan dasar. Pengaturan dasar tersebut harus diketahui agar dapat membuat website yang baik dan menarik secara tampilan. Beberapa pengaturan dasar tersebut adalah mengahapus garis bawah dari link, hover, dan active link.
Pengaturan-pengaturan dasar link dengan CSS
Menghapus garis bawah dari link
Saat menampilkan link pada sebuah halaman web kita pasti menemukan adanya garis bawah pada link tersebut. Sebenarnya kita memodifikas garis bawah tersebut sekaligus dapat menghilangkannya. Ada banyak bentuk untuk memodifikasi garis bawah sebuah link salah satunya menambahkan overline.
Berikut adalah script css overline link:
a:link, a:visited{
text-decoration: underline overline;
}
text-decoration: underline overline;
}
Berikut adalah script css tanpa garis bawah pada link:
a:link, a:visited{
text-decoration: none;
}
text-decoration: none;
}
Hover dan Active link
Hover dan Active link digunakan untuk mengatur tampilan saat kursor sedang menyorot link dan status aktif dari link.
Berikut adalah contoh script pengaturan hover dan active link dengan css:
a:link, a:visited{
text-decoration: none;
background-color: transparent;
}
a:hover, a:active{
text-decoration: underline;
color: red;
background-color: beige;
}
text-decoration: none;
background-color: transparent;
}
a:hover, a:active{
text-decoration: underline;
color: red;
background-color: beige;
}
Jika kursor kita arahkan ke link maka warna dari link akan berubah seperti gambar dibawah ini.
Cukup sekian postingan saya tentang Mengatur Link dari Artikel Web dengan CSS. Semoga bermanfaat dan terima kasih.
Posting Komentar