menghias link css
Untuk menghias tautan (link) dengan CSS, Anda dapat menggunakan properti dan pseudoclasses CSS yang tepat. Berikut adalah contoh kode CSS untuk menghias tautan:
/* Mengubah warna tautan */
a {
color: blue;
}
/* Mengubah warna tautan saat diklik */
a:active {
color: red;
}
/* Mengubah warna tautan saat dikunjungi */
a:visited {
color: purple;
}
/* Mengubah tautan saat diarahkan dengan kursor */
a:hover {
text-decoration: underline;
}
/* Mengubah tautan saat difokuskan */
a:focus {
outline: 2px solid orange;
}
Dalam contoh di atas, tautan (<a>) akan memiliki warna biru (color: blue). Saat tautan di klik, warnanya akan berubah menjadi merah (color: red). Ketika tautan sudah dikunjungi, warnanya akan menjadi ungu (color: purple). Saat kursor diarahkan ke tautan, akan ditambahkan garis bawah (text-decoration: underline). Dan saat tautan difokuskan (misalnya dengan menggunakan tombol Tab pada keyboard), akan ditambahkan garis luar dengan warna oranye (outline: 2px solid orange).
Anda dapat menyesuaikan properti CSS tersebut untuk mencapai tampilan yang Anda inginkan sesuai dengan kebutuhan desain Anda.
