การใส่สีตารางด้วยภาษา HTML

ภาษา HTML

ผลลัพธ์ที่ได้



<TABLE width="50%" bgcolor = "green" >
<CAPTION> สีฉากหลังของตาราง </CAPTION>
<TR> <TH> หัวเรื่อง 1 </TH>
<TH> หัวเรื่อง 2 </TH> </TR>
<TR> <TD> ข้อมูล 1 </TD>
<TD> ข้อมูล 2 </TD> </TR>
</TABLE>
สีฉากหลังของตาราง
หัวเรื่อง 1 หัวเรื่อง 2
ข้อมูล 1 ข้อมูล 2


<TABLE width="50%">
<TABLE BORDER = "2" >
<TR> <TH bgcolor = "orange" > หัวเรื่อง 1 </TH>
<TH bgcolor = "white"> หัวเรื่อง 2 </TH> </TR>
<TR> <TD bgcolor = "red" > ข้อมูล 1 </TD>
<TD bgcolor = "pink" > ข้อมูล 2 </TD> </TR>
</TABLE>
กำหนดสีแต่ละช่องในตาราง
หัวเรื่อง 1 หัวเรื่อง 2
ข้อมูล 1 ข้อมูล 2


เราสามารถกำหนดสีของ background ของตารางได้ โดยสามารถกำหนดได้ทั้งตาราง หรือ กำหนดเป็นแต่ละช่องได้

คำสั่งเสริมเพิ่มเติม
- bgcolor
เป็นคำสั่งในการกำหนดสีในตาราง เป็นคำสั่งเสริมของคำสั่ง <Table> และสามารถใช้งานร่วมกับคำสั่ง <TH> หรือ <TD> ได้ด้วย (ดูตัวอย่างประกอบ)

การกำหนดสีสามารถกำหนดเป็นรหัสสีได้ ซึ่งสามารถตรวจสอบได้จาก ตารางสี ตัวอย่างเช่น
<TD bgcolor = " #3232CD" >
หมายถึงสี Medium Bule เป็นต้น