Draw only the horizontal lines of a table

Question

Draw only the horizontal lines of a table

Navigation

#1 by (5 votes)

3

Good, I've been looking for it because I thought it should be pretty easy, but I can not find it.

What CSS attribute is used so that only horizontal lines are visible in a table?

Example of a table that in its design there are only horizontal lines

Thank you!

css3 css

asked by NEA 02.09.2017 в 08:56

source

1 answer

Click on the child element Find hidden word with regex

score 5 · Accepted Answer

I think what you're looking for is this:

    table {
        border-collapse: collapse;
        width: 80%;
    }

    tr {
        border-bottom: 1px solid #ccc;
    }

<table>
    <tr>
        <td>Celda1</td>
        <td>Celda2</td>
        <td>Celda3</td>
    </tr>
    <tr>
        <td>Celda1</td>
        <td>Celda2</td>
        <td>Celda3</td>
    </tr>
    <tr>
        <td>Celda1</td>
        <td>Celda2</td>
        <td>Celda3</td>
    </tr>
</table>