Can you place cells between rows in an html table without having for columns

I am looking for a solution to place cells between each row of a table, but not between columns. Is it possible?

+3
source share
2 answers

border-spacinggood, but IE6 / 7 does not know about it . If you want to cover them as well, then rather do the following:

table { 
    border-collapse: collapse;
}
td {
    border: 10px solid white; /* Or any color which matches table bgcolor */
    border-width: 10px 0;
}
+4
source

You can split the rows in the table using the property border-spacing:

table {
    border-collapse:separate;
    border-spacing: 0 10px;
}

10px. , , ; , , .

+7

Source: https://habr.com/ru/post/1763165/


All Articles