I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
pietro09
pietro09
il 31 gennaio 2019 alle 09:28
3.939 messaggi dal 28 gennaio 2003
Scusate ma mi sono impantanato nello stile di una tabella.
Vorrei "semplicemente" avere i bordi delle celle e il bordo esterno della tabella di diverso colore

dentro in div di classe esempio ho

.esempio table
{
border: 1px black solid;
border-collapse: collapse;
}

.esempio td
{
border: 1px solid silver;
}
RispondiQuoting
scioCoder
scioCoder
il 31 gennaio 2019 alle 12:18
333 messaggi dal 05 novembre 2012
Ciao,

il bordo delle celle sovrasta il bordo della tabella, se vuoi avere il bordo della tabella e delle celle, hai due possibilità

1) Aumentare il bordo della tabella
2) Disabilitare i bordi esterni della celle

<style>
    .esempio table {
        border: 2px solid black;
        border-collapse: collapse;
    }

    .esempio td {
        border: 1px solid silver;
    }

    .esempio2 table {
        border: 1px solid black;
        border-collapse: collapse;
    }

        .esempio2 table td {
            border: 1px solid silver;
        }

        .esempio2 table tr:first-child td {
            border-top: 0;
        }

        .esempio2 table tr td:first-child {
            border-left: 0;
        }

        .esempio2 table tr:last-child td {
            border-bottom: 0;
        }

        .esempio2 table tr td:last-child {
            border-right: 0;
        }
</style>
<div class="esempio">
    <table>
        <tr>
            <th>HeaderA</th>
            <th>HeaderB</th>
        </tr>
        <tr>
            <td>Data1A</td>
            <td>Data1B</td>
        </tr>
        <tr>
            <td>Data2A</td>
            <td>Data2B</td>
        </tr>
    </table>
</div>
<div class="esempio2" style="margin-top: 20px">
    <table>
        <tr>
            <th>HeaderA</th>
            <th>HeaderB</th>
        </tr>
        <tr>
            <td>Data1A</td>
            <td>Data1B</td>
        </tr>
        <tr>
            <td>Data2A</td>
            <td>Data2B</td>
        </tr>
    </table>
</div>


Se in aggiunta vuoi gestire un diverso colore per l'intestazione devi replicare le regole td per i th

Ciao
Alessio
RispondiQuoting
pietro09
pietro09
l'1 febbraio 2019 alle 19:56
3.939 messaggi dal 28 gennaio 2003
Ho provato ad aumentare il bordo della tabella e funziona.
Ti ringrazio.
ciao.
RispondiQuoting
scioCoder
scioCoder
l'1 febbraio 2019 alle 20:29
333 messaggi dal 05 novembre 2012
Alessio
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.