Как скрыть конкретную границу ячейки?

Я пытаюсь сделать следующую таблицу, в которой верхняя левая угловая ячейка не имеет границы, может ли кто-нибудь помочь?Как скрыть конкретную границу ячейки?

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

Вот код

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

источник

2015-05-19 Kiddy

И что твой html? И ваш текущий CSS? –

@DavidThomas <таблица граница = "1"> \t \t \t \t \t \t \t \t \t \t \t \t – Kiddy

Я настоятельно советую вам редактировать свой вопрос и добавить свой код там вместо размещения его в комментарии. Включение этого вопроса гарантирует, что те, кто смотрит на этот вопрос сейчас и в будущем, могут легко увидеть, что вы попробовали, и что вы хотите выполнить. – IronFlare

CSS:

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

Или:

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

попробовать это. Надеюсь, что он работает

источник

2015-05-19 04:19:48 John

[JSFiddle для хорошей меры] (http://jsfiddle.net/xssyq818/) – IronFlare

Как скрыть конкретную границу ячейки?

ответ

Смежные вопросы