How do I hide a specific cell border?

Question

How do I hide a specific cell border?

I am trying to make the following table where the top left corner cell has no border, can anyone help?

   ----
   |  |
-------
|  |  |
-------

Here is the code

<html>
<body>
<table border="1">
    <tr>
        <td></td>
        <td>1</td>
    </tr>
    <tr>
        <td>2</td>
        <td>3</td>
    </tr>
</table>
</body>
</html>

+3

html css

Kiddy May 19 '15 @ 4:17 am

source to share

1 answer

John · Accepted Answer · 2015-05-19T04:19:48+0000

CSS

table tr:first-child td:first-child{
  border: 0px;
}

Or:

table tr:nth-child(1) td:nth-child(1){
  border: 0px;
}

Try it. Hope it works.

How do I hide a specific cell border?

More articles: