Fundação Form
Fundação das <table>
elemento de estilo cinza listras da zebra e é composto por quatro bordas:
Exemplos
<Table>
<Thead>
<Tr>
<Th> Primeiro nome </ th>
<Th> Apelido </ th>
<Th> e-mail </ 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> Julho </ td>
<Td> Dooley </ td>
<Td> [email protected] </ td>
</ Tr>
</ Tbody>
</ Table>
<Thead>
<Tr>
<Th> Primeiro nome </ th>
<Th> Apelido </ th>
<Th> e-mail </ 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> Julho </ td>
<Td> Dooley </ td>
<Td> [email protected] </ td>
</ Tr>
</ Tbody>
</ Table>
tente »
mesa Responsive
Use CSS para fazer a tabela suporta design responsivo: Adicionar uma tabela externa <div>
elemento, o estilo para overflow-x:hidden
: