Devdit
 

ลบเส้นตาราง HTML ด้วยคำสั่ง border attribute

4.8K

สอนเขียนโค้ดลบเส้นตาราง HTML ด้วยคำสั่ง border attribute บทความนี้แนะนำการใช้คำสั่ง border ของแท็ก Table โดย attribute ดังกล่าวมีไว้สำหรับกำหนดขนาดของเส้นขอบของตาราง สามารถเขียนลบเส้นตารางได้ดังนี้

 

ตัวอย่างที่ 1 ลบเส้นตาราง HTML ด้วยคำสั่ง border attribute

<table border="0">
    <tr>
        <td>C</td>
        <td>D</td>
    <tr>
</table>

คำอธิบาย

ลบเส้นตาราง HTML แนะนำให้ใช้คำสั่ง border กำหนดค่าเท่ากับ 0 ซึ่งจะเป็นการลบเส้นตารางทั้งหมด ออกจากตารางดังกล่าว

 

ตัวอย่างที่ 2 ลบเส้นตาราง HTML ด้วยคำสั่ง border attribute ผ่าน CSS

<style>
    table, table tr td {
        border: 0px;
    }
</style>
<table>
    <tr>
        <td>C</td>
        <td>D</td>
    <tr>
</table>

คำอธิบาย

ลบเส้นตาราง HTML ด้วย CSS ผ่านคำสั่ง border ตัวอย่างอ้างถึง elements table และ table tr td จากนั้นกำหนด border: 0px เพื่อลบเส้นตารางออกทั้งหมด

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ