Cara Mengubah Warna Latar Belakang Meja

Banyak pemula atau desainer web amatir yang ingin tahu cara mengubah warna latar belakang suatu tabel. Dalam hitungan menit, Anda dapat mempelajari cara menerapkan teknik ini dengan tutorial singkat ini. Metode ini tidak mengintimidasi seperti yang terlihat. Mengubah warna latar belakang tabel semudah menambahkan satu atribut pada sel, baris, atau tabel yang ingin Anda warnai.

Bagaimana Memulai

Atribut bgcolor akan mengubah warna latar belakang tabel serta baris tabel saat ini atau sel tabel saat ini. Namun atribut bgcolor tidak lagi digunakan untuk style sheet, jadi itu bukan cara paling optimal untuk mengubah warna latar belakang tabel. Cara yang lebih baik untuk mengubah warna latar belakang adalah dengan menambahkan properti latar belakang-warna gaya ke tabel, baris atau sel tag. Lihat contoh di bawah ini untuk mempelajari caranya.

Jika karena alasan tertentu, Anda tidak ingin menambahkan style background-color ke meja, ada alternatif untuk dipilih. Misalnya, Anda dapat mengatur gaya dalam lembar gaya di kepala dokumen Anda atau di lembar gaya eksternal . Lihat yang berikut:

tabel {background-color: # ff0000; } tr {background-color: kuning; } td {background-color: # 000; }

Mengatur Warna Latar Belakang

Cara terbaik untuk mengatur warna latar belakang pada kolom adalah untuk membuat kelas gaya dan kemudian menetapkan kelas itu ke sel-sel di kolom itu. Lihatlah contoh di bawah ini untuk mempelajari cara melakukan ini.

CSS:

td.blueCol {background-color: blue; }

HTML:

class = "blueCol" > sel 1 sel 2
class = "blueCol" > sel 1 sel 2

Membungkus

Bahkan jika Anda belum pernah mengubah warna latar belakang tabel sebelumnya, Anda dapat menyalin contoh di atas untuk mencoba metode ini sendiri. Cobalah berbagai opsi yang disajikan dan pilih yang Anda rasa paling nyaman untuk Anda. Dan jika Anda ingin informasi lebih lanjut tentang tabel HTML, baca FAQ ini untuk detail tambahan.