Ajuda em HTML? Criando uma tabela sem borda em celulas?

Isso é uma classe HTML que eu estou tomando. A tabela tem de ter a borda sombreada ao redor da borda da tabela inteira, mas para as células apenas têm fronteira descer verticalmente entre cada linha, se isso faz sentido?

Tipo de como este:
http://j.eremy.NET/UhUR54uwL7FLAR/wp-content/uploads/2012/01/ex_css_table_ruled.gif

Mas com uma borda branca em volta de toda a coisa. Este é o HTML que tenho até agora:

<table border="10" bordercolor="white" width="50%" bgcolor="pink">
<tr>
<td>Akismet</td><td>del.icio.US</td><td>Meta</td><td>Nuvem de tags</td>
</tr>
<tr>
<td>Arquivos</td><td>Caixa de Like do Facebook</td><td>Marco</td><td>Texto</td>
</tr>

(além de mais linhas, mas eu não incluí-los todos) O que deve mudar?</table>

Resposta

Você teria que definir uma classe CSS para as células que necessitam de borda vertical neles. Mas, tente: sombra da tabela com CSS: http://www.webdeveloper.com/forum/archive/index.php/t-10112.html melhor usar imagem (ns). Eu apenas iria fazer uma imagem do tamanho certo com os efeitos necessários para as bordas depois usá-lo como plano de fundo.

TD {largura: 33,3%; border: 10px solid # FFF;}

Ron

Inscrever - receber um email se alguém adiciona novas respostas/comentários

Comentários

Telma na 3 Jan 2023

Algo difundido que você pode fazer é usar CSS para estilizar sua tabela. Por exemplo, você pode adicionar a classe "table-border" ao seu HTML e depois adicionar o seguinte código CSS:

```
.table-border {
border: 1px solid #fff;
border-collapse: collapse;
}

.table-border td {
border: 1px solid #000;
}
```

Isso dará a você a borda sombreada ao redor da borda da tabela e a fronteira vertical entre cada linha, conforme mostrado no exemplo que você compartilhou. Espero que isso ajude!

Responder

O seu comentário

Acho que a resposta não está correta ou que você gostaria de acrescentar mais
alguma informação? Envie o seu comentário abaixo..