Pewarnaan Teks


Anda dapat mengubah warna teks pada halaman web Anda dengan mudah menggunakan CSS. Berikut adalah beberapa cara untuk melakukannya:

1. Menggunakan Properti color

Anda dapat mengubah warna teks dengan menggunakan properti color. Berikut contohnya:

p {
  color: red; /* Mengubah warna teks paragraf menjadi merah */
}

2. Menggunakan Nilai Warna

Anda juga dapat menggunakan nilai warna dalam format RGB, HEX, atau nama warna. Contohnya:

h1 {
  color: #00aaff; /* Mengubah warna teks judul menjadi biru tua */
}

a {
  color: rgb(255, 0, 0); /* Mengubah warna teks tautan menjadi merah */
}

3. Pewarnaan Teks Berdasarkan Kelas atau ID

Anda dapat menerapkan warna teks berdasarkan kelas atau ID elemen. Contohnya:

.button {
  color: green; /* Mengubah warna teks tombol berdasarkan kelas 'button' */
}

#header {
  color: #333; /* Mengubah warna teks header berdasarkan ID 'header' */
}

4. Pewarnaan Teks pada Pseudo-Class

Anda juga bisa mengubah warna teks pada pseudo-class seperti :hover (saat kursor mengarah ke elemen) atau :active (saat elemen aktif). Contohnya:

a:hover {
  color: orange; /* Mengubah warna teks tautan saat kursor mengarah padanya */
}

button:active {
  color: purple; /* Mengubah warna teks tombol saat tombol ditekan */
}

Semoga tutorial ini membantu Anda dalam pewarnaan teks menggunakan CSS. Anda bisa bereksperimen dengan berbagai warna dan gaya untuk mencapai tampilan yang diinginkan pada halaman web Anda.