menghias link css

Auliya
3 Views
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.

Comments