แบบฟอร์มมูลนิธิ
มูลนิธิ <table> สไตล์องค์ประกอบลายม้าลายสีเทาและประกอบด้วยสี่พรมแดน:
ตัวอย่าง
<table>
<thead>
<tr>
<Th> Firstname </ TH>
<Th> นามสกุล </ TH>
<Th> อีเมล </ TH>
</ tr>
</ thead>
<tbody>
<tr>
<td> จอห์น </ td>
<td> Doe </ td>
<td> [email protected] </ td>
</ tr>
<tr>
<td> แมรี่ </ td>
<td> Moe </ td>
<td> [email protected] </ td>
</ tr>
<tr>
<td> กรกฎาคม </ td>
<td> Dooley </ td>
<td> [email protected] </ td>
</ tr>
</ tbody>
</ table>
<thead>
<tr>
<Th> Firstname </ TH>
<Th> นามสกุล </ TH>
<Th> อีเมล </ TH>
</ tr>
</ thead>
<tbody>
<tr>
<td> จอห์น </ td>
<td> Doe </ td>
<td> [email protected] </ td>
</ tr>
<tr>
<td> แมรี่ </ td>
<td> Moe </ td>
<td> [email protected] </ td>
</ tr>
<tr>
<td> กรกฎาคม </ td>
<td> Dooley </ td>
<td> [email protected] </ td>
</ tr>
</ tbody>
</ table>
ลอง»
ตารางที่ตอบสนองต่อ
ใช้ CSS ที่จะทำให้ตารางสนับสนุนการออกแบบที่ตอบสนอง: เพิ่มตารางด้านนอก <div> องค์ประกอบสไตล์เพื่อ overflow-x:hidden :