Form Yayasan
Dasar dari <table>
gaya elemen abu-abu garis-garis zebra dan terdiri dari empat batas:
contoh
<Table>
<Thead>
<Tr>
<Th> Nama depan </ th>
<Th> Namabelakang </ th>
<Th> Email </ th>
</ Tr>
</ Thead>
<Tbody>
<Tr>
<Td> John </ td>
<Td> Doe </ td>
<Td> [email protected] </ td>
</ Tr>
<Tr>
<Td> Mary </ td>
<Td> Moe </ td>
<Td> [email protected] </ td>
</ Tr>
<Tr>
<Td> Juli </ td>
<Td> Dooley </ td>
<Td> [email protected] </ td>
</ Tr>
</ Tbody>
</ Table>
<Thead>
<Tr>
<Th> Nama depan </ th>
<Th> Namabelakang </ th>
<Th> Email </ th>
</ Tr>
</ Thead>
<Tbody>
<Tr>
<Td> John </ td>
<Td> Doe </ td>
<Td> [email protected] </ td>
</ Tr>
<Tr>
<Td> Mary </ td>
<Td> Moe </ td>
<Td> [email protected] </ td>
</ Tr>
<Tr>
<Td> Juli </ td>
<Td> Dooley </ td>
<Td> [email protected] </ td>
</ Tr>
</ Tbody>
</ Table>
Coba »
meja responsif
Gunakan CSS untuk membuat tabel mendukung desain responsif: Tambahkan tabel luar <div>
elemen, gaya untuk overflow-x:hidden
: