ใส่สี และรูปภาพให้พื้นหลังตาราง HTML

ใส่สี และรูปภาพให้พื้นหลังตาราง HTML บทความนี้สอนการใส่สีพื้นหลังตารางด้วยคำสั่ง bgcolor และใส่รูปภาพพื้นหลังตารางผ่าน attribute style ด้วยคำสั่ง background-image สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่างที่ 1 ใส่สีพื้นหลังตาราง HTML

<center>
<table width="30%" border="1" bgcolor="green">
    <tr align="center">
        <td>1</td>
        <td>AAA</td>
    </tr>   
    <tr align="center">
        <td>2</td>
        <td>BBB</td>
    </tr>    
</table>
</center>

ใส่สีพื้นหลังตาราง HTML แนะนำให้ใช้คำสั่ง bgcolor และใส่สีที่ต้องการลงใน double quote โดยใส่ไว้ในแท็ก table

ตัวอย่างที่ 2 ใส่รูปภาพพื้นหลังตาราง HTML

<table width="30%" border="1" style="background-image:url(https://www.devdit.com/favicon-16x16.png)">
    <tr align="center">
        <td>1</td>
        <td>AAA</td>
    </tr>   
    <tr align="center">
        <td>2</td>
        <td>BBB</td>
    </tr>    
</table>

ใส่รูปภาพพื้นหลังตาราง HTML แนะนำให้ใช้คำสั่ง background-image:url พร้อมที่อยู่รูปภาพลงในวงเล็บ โดยกำหนดผ่าน attribute style วางไว้ในแท็ก table