2

Tenho uma tabela e gostaria de retirar os espaços entre as bordas! Como posso fazer isso?

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Tabela</title>
    </head>
    <body>
        <h1>Pesquisa no banco</h1>
        <table border="1">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>nome</th>
                    <th>sobrenome</th>
                    <th>balanço</th>
                </tr>
            </thead>
            <tbody>


                    <tr> <td>  id1</td>
                        <td> Jose</td>
                        <td> Fernando</td>
                        <td> -4000</td>
                    </tr>
                    <tr> <td>  id2</td>
                        <td> Joaquim</td>
                        <td> Macedo</td>
                        <td> 12000</td>
                    </tr>
            </tbody>
        </table>
        <br>
    </body>
</html>

Tenho como resultado:
inserir a descrição da imagem aqui

Mas quero algo assim:
inserir a descrição da imagem aqui

5
  • 1
    Será que queres table { border-collapse:collapse };? Dá uma olhada aqui: jsfiddle.net/572k8Lv3
    – Sergio
    20/09/2015 às 18:44
  • @Sergio Interessante! Esse código ,table { border-collapse:collapse },é um css?Chamado atraves de um link para a folha de estilo? 20/09/2015 às 18:45
  • 1
    E com border: jsfiddle.net/572k8Lv3/1, era isso que procuras?
    – Sergio
    20/09/2015 às 18:45
  • 1
    Sim, é CSS. Podes ter num ficheiro externo à página ou na página dentro de tags <style>
    – Sergio
    20/09/2015 às 18:49
  • 1
    @Sergio Obrigado!! 20/09/2015 às 18:49

1 Resposta 1

4

Podes mudar esse aspeto com o border-collapse assim:

table { border-collapse:collapse };

junta isso no teu ficheiro de CSS ou dentro dessa página assim:

<style>
table { border-collapse:collapse };
</style>

Se quiseres também reforçar a border podes fazer por exemplo

border: 2px solid black;

Exemplo: http://jsfiddle.net/572k8Lv3/1/

1
  • 1
    Agora sim!!Valeu pela valiosa resposta!!Obrigado!! 20/09/2015 às 18:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .