นักออกแบบเว็บมือสมัครเล่นหรือมือใหม่หลายคนต้องการทราบวิธีเปลี่ยนสีพื้นหลังของตาราง ภายในไม่กี่นาทีคุณสามารถเรียนรู้วิธีการใช้เทคนิคนี้กับบทแนะนำสั้น ๆ นี้ วิธีการไม่ได้เป็นข่มขู่เป็นดูเหมือนว่า การเปลี่ยนสีพื้นหลังของตารางทำได้ง่ายๆเพียงแค่เพิ่มแอตทริบิวต์หนึ่งแถวลงบนเซลล์แถวหรือตารางที่คุณต้องการให้สี
วิธีการเริ่มต้น
แอตทริบิวต์ bgcolor จะเปลี่ยนสีพื้นหลังของตารางรวมทั้งแถวของตารางปัจจุบันหรือเซลล์ตารางปัจจุบัน แต่แอตทริบิวต์ bgcolor ไม่สนับสนุนในสไตล์ชีตดังนั้นจึงไม่ใช่วิธีที่ดีที่สุดในการเปลี่ยนสีพื้นหลังของตาราง วิธีที่ดีกว่าในการเปลี่ยนสีพื้นหลังคือเพิ่มคุณสมบัติพื้นหลังของสไตล์ลงในตารางแถวหรือแท็กของเซลล์ ดูตัวอย่างด้านล่างเพื่อเรียนรู้วิธี
| หากด้วยเหตุผลบางอย่างคุณไม่ต้องการเพิ่มพื้นหลังสไตล์คุณสมบัติพื้นหลังสีลงในตารางมีทางเลือกในการเลือก ตัวอย่างเช่นคุณสามารถกำหนดสไตล์ในสไตล์ชีตในส่วนหัวของเอกสารหรือใน สไตล์ชีทภายนอก ได้ ดูข้อมูลต่อไปนี้: ตาราง {background-color: # ff0000; } tr {พื้นหลังสี: สีเหลือง; } td {background-color: # 000; }การตั้งค่าสีพื้นหลังวิธีที่ดีที่สุดในการตั้งสีพื้นหลังในคอลัมน์คือการสร้าง คลาสสไตล์ และกำหนดคลาสนั้นให้กับเซลล์ในคอลัมน์นั้น ดูตัวอย่างด้านล่างเพื่อเรียนรู้วิธีการทำเช่นนี้ CSS: td.blueCol {background-color: blue; }HTML:
|