Kaedah untuk menukar warna latar belakang bahagian-bahagian meja di laman web telah berubah sejak bertahun-tahun, menjadi lebih mudah dan kurang buruh intensif dengan pengenalan helaian gaya.
Kaedah yang lebih lama menggunakan bgcolor atribut untuk menukar warna latar belakang jadual. Ia juga boleh digunakan untuk menukar warna baris jadual atau sel meja. Tetapi atribut bgcolor telah ditolak kerana memihak kepada helaian gaya, jadi itu bukan cara yang optimum untuk memanipulasi 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.
Ini akan mengubah warna latar belakang keseluruhan jadual:
Untuk menukar warna satu baris, masukkan sifat warna latar belakang dalam
tag:
Anda boleh menukar warna satu sel dengan menambah atribut kepada
tag:
|
Anda juga boleh memohon warna latar belakang ke kepala meja, atau | tag, dengan cara yang sama: | Tukar Warna Latar Belakang Menggunakan Helaian Gaya
Sekiranya anda tidak mahu menambah gaya latar belakang hartanah ke meja, terdapat cara alternatif untuk menetapkan warna latar belakang. Sebagai contoh, anda boleh menetapkan gaya dalam helaian gaya di HEAD dokumen HTML anda, atau tetapkannya dalam helaian gaya luaran. Perubahan ini dalam HEAD atau dalam helaian gaya luaran mungkin kelihatan seperti ini untuk jadual, baris dan sel:
jadual {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; } Menetapkan Warna Latar Belakang Kolum
Cara terbaik untuk menetapkan warna latar belakang untuk lajur adalah untuk mencipta kelas gaya dan kemudian menetapkan kelas itu ke sel-sel dalam lajur itu. Mewujudkan kelas membolehkan anda menetapkan kelas itu ke sel dalam lajur tertentu menggunakan satu atribut.
CSS:
td.ColColor {background-color: blue; } HTML:
Satu kelebihan penting untuk mengawal warna latar belakang melalui helaian gaya adalah keupayaan untuk menukar pilihan warna anda pada masa yang akan datang. Daripada harus melewati dokumen HTML dan membuat perubahan pada setiap sel tunggal, anda boleh membuat satu perubahan kepada pilihan warna dalam CSS dan ia akan segera digunakan untuk setiap instance di mana kelas = "ColColor" digunakan. Ini menjimatkan banyak masa dan sangat mengurangkan peluang kesilapan, seperti kehilangan perubahan warna sel.
Walaupun anda tidak pernah menukar warna latar belakang jadual dalam dokumen web sebelum ini, anda boleh menyalin contoh di atas dan bereksperimen dengan kaedah ini sendiri. Anda akan dengan cepat mengetahui betapa mudahnya untuk membuat perubahan warna dengan menggunakan tag gaya-terutamanya helaian gaya jika anda bekerja dengan laman web besar. Cuba pilihan yang berbeza dan pilih yang paling selesa untuk anda.
|
