Ao usar tabelas TABLE, iniciantes em produção HTML vão descobrir como alterar a espessura das bordas, porque a configuração padrão de TABLE edge é muito grossa, mesmo que seja 1px. Portanto, existem outros métodos usados para criar bordas de linhas finas, e aqui está um método de usar CSS para implementar linhas finas, que é muito eficaz e compatível com todos os navegadores.
Se você simplesmente definir a borda para uma tabela de linhas fina, é difícil garantir que o navegador seja compatível. Uma prática comum é utilizar o "border-collapse:collapse" do CSS2; bordas da tabela de fusão de atributos; E defina as bordas esquerda e superior para os elementos da mesa, e as bordas direita e inferior para os elementos th e td.
HTML:
<table> <tr> <th>Cabeça de tabela (linha1, col1)</th> <th>cabeça de tabela (linha1, col2)</th> <th>cabeça de tabela (linha1, col3)</th> </tr> <tr> <td>dados da tabela (linha1, col1)</td> <td>Dados de tabela (linha1, col2)</td> <td>dados de tabela (linha1, col3)</td> </tr> <tr> <td>dados de tabela (linha2, col1) dados</td> <td>de tabela (linha2, col2) dados de tabela (linha2, col2)</td> <td>Dados da tabela (Row2, Col3)</td> </tr>
CSS</table>:
tabela{borda-colapso:colapso; espaçamento das fronteiras:0; borda-esquerda: 1px sólido #888; Borda-topo: 1px sólido #888; Contexto:#efefef; }
th,td{border-right:1px sólido #888; borda-fundo: 1px sólido #888; Almofadamento: 5px 15px; }
th{font-weight:bold; Contexto:#ccc; } |
Publicado em 18/04/2015 22:19:21
|
|
|
|
Publicado em 15/07/2015 01:06:57
|
Senhorio|
Publicado em 11/03/2021 10:51:40
|
Confira o suporte
