Devdit
 

ซ่อนเส้นตาราง HTML ด้วย CSS และคำสั่ง border

2.4K

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

 

ตัวอย่าง ซ่อนเส้นตาราง HTML ด้วยคำสั่ง border

<table border="0">
    ...
</table>

คำอธิบาย

ซ่อนเส้นตาราง HTML จากตัวอย่างใช้คำสั่ง border="0" ใส่ไว้ในแท็ก table เพื่อกำหนดขนาดของเส้นตารางให้เท่ากับ 0 มีผลเหมือนกับการซ่อนเส้นตาราง

 

ตัวอย่าง ซ่อนเส้นตาราง HTML ด้วย CSS

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

คำอธิบาย

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

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