2015-05-19 105 views
3

我尝试制作下面的表格,左上角的单元格没有边框,任何人都可以帮忙吗?如何隐藏特定的单元格边框?

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

下面是代码

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

什么是你的HTML?你目前的CSS? –

+0

@DavidThomas <表边界= “1”> \t \t \t​​ \t \t​​1 \t \t \t \t​​2 \t \t​​3 \t – Kiddy

+1

我会强烈建议您编辑您的问题,并没有添加代码,而不是在评论张贴的。把它放在这个问题上,可以确保那些现在和将来看到这个问题的人可以很容易地看到你已经尝试过什么,以及你想完成什么。 – IronFlare

回答

4

CSS:

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

或者:

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

试试这个。希望它工作

+1

[JSFiddle for good measure](http://jsfiddle.net/xssyq818/) – IronFlare

相关问题