Cara Mengubah Warna Latar Belakang Tabel HTML

Artikel ini menjelaskan metode untuk mengubah warna latar belakang bagian tabel di situs web.

Metode yang lebih lama menggunakan atribut warna bg untuk mengubah warna latar belakang tabel. Itu juga bisa digunakan untuk mengubah warna baris tabel atau sel tabel. Namun atribut bgcolor sudah tidak digunakan lagi dan digantikan dengan style sheet, jadi ini bukan cara optimal untuk memanipulasi warna latar belakang tabel.

Cara yang lebih baik untuk mengubah warna latar belakang adalah dengan menambahkan properti gaya warna latar belakang ke tabel, baris, atau tag sel.

Contoh ini mengubah warna latar belakang seluruh tabel:

Untuk mengubah warna satu baris, sisipkan properti background-color di.

Anda dapat mengubah warna sel tunggal dengan menambahkan atribut ke.

Anda juga dapat menerapkan warna latar belakang ke kepala tabel, atau

Ubah Warna Latar Belakang Menggunakan Style Sheets

Namun, lebih baik hindari menggunakan atribut warna latar untuk mendukung lembar gaya yang diformat dengan benar. Misalnya, Anda dapat mengatur gaya dalam lembar gaya di KEPALA dokumen HTML Anda atau mengaturnya di lembar gaya eksternal. Perubahan seperti ini di HEAD atau lembar gaya eksternal mungkin muncul seperti ini untuk tabel, baris, dan sel:

tabel { warna-latar belakang: #ff0000; }
tr { warna latar belakang: kuning; }
td { warna-latar belakang: #000; }

Mengatur Warna Latar Belakang Kolom

Cara terbaik untuk mengatur warna latar belakang kolom adalah dengan membuat kelas gaya dan kemudian menetapkannya ke sel kolom. Membuat kelas memungkinkan Anda untuk menetapkan kelas itu ke sel di kolom tertentu menggunakan satu atribut.

CSS:

td. ColColor { warna-latar belakang: biru; }

HTML:

sel 1 sel 2 sel 1 sel 2

Salah satu keuntungan signifikan dari mengontrol warna latar belakang melalui lembar gaya adalah Anda dapat mengubah pilihan warna nanti. Daripada menelusuri dokumen HTML dan membuat perubahan ke setiap sel, Anda dapat membuat satu perubahan pada pilihan warna di CSS yang akan segera diterapkan ke setiap instance di mana kelas = "Warna Warna" sintaks muncul.