Skip to main content

Timpa Warna Tautan Default pada Peramban Web Menggunakan CSS

Belajar HTML Part 11: Cara Mengubah Tampilan Warna Tautan HTML (Juni 2026)

Belajar HTML Part 11: Cara Mengubah Tampilan Warna Tautan HTML (Juni 2026)
Anonim

Semua browser Web menggunakan warna default untuk tautan jika perancang Web tidak mengaturnya. Mereka:

  • Warna tautan default
  • Warna tautan aktif (saat mouse diklik dan ditahan di atas tautan)
  • Warna tautan yang diikuti (ketika tautan diklik sebelumnya)

Plus, sementara sebagian besar browser Web tidak mengubah ini secara default, Anda juga dapat menentukan warna hover - warna tautannya saat mouse dipegang di atasnya.

Gunakan CSS untuk Mengubah Warna Tautan

Untuk mengubah warna-warna ini, gunakan Cascading Style Sheet. Cara termudah untuk mengubah warna tautan adalah dengan memberi style pada tag:

{warna: hitam; }

Dengan CSS ini, beberapa browser akan mengubah semua aspek tautan (aktif, diikuti, dan hover) menjadi hitam, sementara yang lain hanya akan mengubah warna default.

Gunakan CSS Pseudo-class untuk Mengubah Semua Bagian dari Tautan

Kelas pseudo diwakili dalam CSS dengan tanda titik dua (:) sebelum nama kelas. Empat kelas pseudo memengaruhi tautan:

Untuk mengubah warna tautan default:

a: tautan {color: red; }

Untuk mengubah warna aktif:

a: aktif {warna: biru; }

Untuk mengubah warna tautan yang diikuti:

a: dikunjungi {color: purple; }

Untuk mengubah warna tetikus:

a: hover {color: green; }

Pertimbangan

Hindari menimpa warna tautan default untuk membuat tautan lebih sulit ditemukan. Misalnya, mengubah tautan ke warna yang sangat terang dengan latar belakang putih akan berdampak buruk pada pengunjung yang memiliki gangguan penglihatan. Bidik untuk warna terpisah untuk warna aktif dan diikuti-tautan, juga, untuk memastikan bahwa pengunjung situs tidak bingung tentang halaman mana yang mereka kunjungi.