Clever Geek Handbook

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


source to share


1 answer


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.

+4


source






More articles:


All Articles