Background Font Color Html

MUAZHAN

3 min read

·

Jun 28, 2024

26

Share

Mengatur Warna Latar Belakang Font dengan HTML

Dalam HTML, kita dapat dengan mudah mengatur warna latar belakang font dengan menggunakan atribut style dan properti background-color. Atribut style digunakan untuk menambahkan gaya inline ke elemen HTML, sedangkan properti background-color digunakan untuk menentukan warna latar belakang elemen.

Berikut adalah cara mengatur warna latar belakang font dalam HTML:

Menggunakan Atribut style

Teks dengan latar belakang kuning.

Kode di atas akan menampilkan teks "Teks dengan latar belakang kuning." dengan latar belakang berwarna kuning. Kita dapat mengganti nilai yellow dengan nama warna lain seperti red, blue, green, atau kode hex warna seperti #FF0000 untuk warna merah.

Menggunakan CSS

Kita juga dapat mengatur warna latar belakang font menggunakan CSS dengan membuat file CSS terpisah atau dengan menambahkan gaya inline pada elemen HTML. Berikut adalah contohnya:

Membuat File CSS Terpisah:

Teks dengan latar belakang kuning.

/* style.css */
#myParagraph {
  background-color: yellow;
}

Menambahkan Gaya Inline:

Teks dengan latar belakang kuning.

Kode di atas akan menghasilkan hasil yang sama dengan kode sebelumnya.

Catatan

• Nama warna yang dapat digunakan dalam properti background-color dapat berupa:
  • Nama warna standar seperti red, blue, green, yellow, dll.
  • Kode hex warna seperti #FF0000 untuk warna merah.
  • Nilai RGB seperti rgb(255, 0, 0) untuk warna merah.
• Warna latar belakang font akan menutupi teks yang ada di dalamnya, sehingga jika warna latar belakang dan warna teks sama, teks tersebut tidak akan terlihat.

Dengan menggunakan metode di atas, kita dapat dengan mudah mengatur warna latar belakang font dalam HTML dan membuat tampilan website lebih menarik.