Metode untuk mengubah warna latar belakang bagian-bagian tabel di situs web telah berubah selama bertahun-tahun, menjadi lebih mudah dan lebih sedikit tenaga kerja dengan pengenalan style sheet.
Metode yang lebih lama menggunakan atribut bgcolor untuk mengubah warna latar belakang suatu tabel. Ini juga bisa digunakan untuk mengubah warna baris tabel atau sel tabel. Tetapi atribut bgcolor telah ditinggalkan dalam mendukung style sheet, jadi itu bukan cara optimal untuk memanipulasi warna latar belakang tabel.
Cara yang lebih baik untuk mengubah warna latar belakang adalah dengan menambahkan warna latar belakang gaya properti ke tabel, baris, atau tag sel.
Ini akan mengubah warna latar belakang seluruh tabel:
Untuk mengubah warna satu baris, masukkan properti background-color di dalam
menandai:
Anda dapat mengubah warna sel tunggal dengan menambahkan atribut ke
menandai:
|
Anda juga dapat menerapkan warna latar belakang ke kepala meja, atau | tag, dengan cara yang sama: | Ubah Warna Latar Belakang Menggunakan Style Sheets
Jika Anda tidak ingin menambahkan style background-color ke meja, ada cara lain untuk mengatur warna latar belakang. Sebagai contoh, Anda dapat mengatur style dalam style sheet di HEAD dari dokumen HTML Anda, atau mengaturnya dalam style sheet eksternal. Mengubah ini di HEAD atau di style sheet eksternal mungkin tampak seperti ini untuk tabel, baris, dan sel:
tabel {background-color: # ff0000; } tr {background-color: kuning; } td {background-color: # 000; } Mengatur Warna Kolom Latar Belakang
Cara terbaik untuk mengatur warna latar belakang untuk kolom adalah membuat kelas gaya dan kemudian menetapkan kelas itu ke sel-sel di kolom itu. Membuat kelas memungkinkan Anda untuk menetapkan kelas itu ke sel di kolom tertentu menggunakan satu atribut.
CSS:
td.ColColor {background-color: blue; } HTML:
Salah satu keuntungan signifikan mengendalikan warna latar belakang melalui style sheet adalah kemampuan untuk mengubah pilihan warna Anda di lain waktu. Daripada harus melalui dokumen HTML dan membuat perubahan ke setiap sel, Anda dapat membuat satu perubahan ke pilihan warna dalam CSS dan itu akan segera diterapkan ke setiap contoh di mana kelas = "ColColor" digunakan. Ini menghemat banyak waktu dan sangat mengurangi kemungkinan kesalahan, seperti kehilangan perubahan warna sel.
Bahkan jika Anda belum pernah mengubah warna latar belakang tabel dalam dokumen web sebelumnya, Anda dapat menyalin contoh di atas dan bereksperimen dengan metode ini sendiri. Anda akan segera menemukan betapa mudahnya membuat perubahan warna menggunakan tag gaya - terutama style sheet jika Anda bekerja dengan situs web besar. Cobalah opsi berbeda yang disajikan dan pilih salah satu yang paling nyaman bagi Anda.
|
