Bagaimana Mengubah Warna Latar Belakang Jadual

Ramai pereka web pemula atau amatir ingin tahu cara mengubah warna latar belakang meja. Dalam masa beberapa minit, anda boleh belajar bagaimana untuk melaksanakan teknik ini dengan tutorial ringkas ini. Kaedah ini tidak begitu menakutkan kerana ia kelihatan. Mengubah warna latar belakang meja semudah menambah satu atribut pada sel, baris atau jadual yang anda mahu berwarna.

Bagaimana Memulakan

Bgcolor atribut akan mengubah warna latar belakang jadual serta baris jadual semasa atau sel jadual semasa. Tetapi atribut bgcolor tidak diganti memihak kepada helaian gaya, jadi itu bukan cara yang paling optimum untuk mengubah warna latar belakang meja. Cara yang lebih baik untuk menukar warna latar belakang adalah untuk menambah warna latar belakang hartanah gaya ke jadual, baris atau tag sel. Lihat contoh di bawah untuk mengetahui bagaimana.

Jika atas sebab tertentu, anda tidak mahu menambah warna latar belakang gaya kepada meja, ada alternatif untuk dipilih. Sebagai contoh, anda boleh menetapkan gaya dalam helaian gaya di kepala dokumen anda atau dalam helaian gaya luaran . Lihat yang berikut:

jadual {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

Menetapkan Warna Latar Belakang

Cara terbaik untuk menetapkan warna latar belakang pada lajur ialah untuk mencipta kelas gaya dan kemudian menetapkan kelas itu ke sel-sel dalam lajur itu. Lihatlah contoh-contoh di bawah untuk mengetahui bagaimana untuk melakukan ini.

CSS:

td.blueCol {background-color: blue; }

HTML:

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

Mengakhiri

Walaupun anda tidak pernah mengubah warna latar belakang jadual sebelum ini, anda boleh menyalin contoh di atas untuk mencuba kaedah ini sendiri. Cuba pilihan yang berbeza-beza dan pilih salah satu yang anda rasa paling selesa. Dan jika anda ingin maklumat lanjut mengenai jadual HTML, rujuklah FAQ ini untuk maklumat tambahan.