скрыть границу ячеек css

Question

Я хочу скрыть границу ячейки таблицы.

Как это сделать с помощью css?Как видно, мне нужно скрыть отмеченные границы (как в третьем и втором рядах).

Answer 1

<style>
table {
    border: 1px solid black;
    width:100%;
}
table tr {
    border: 1px solid black;
}
table th {
    border: none;
}
</style>

<table>
  <thead>
    <tr>
      <th class="col1">1</th>
      <th class="col2">2</th>
      <th class="col3">3</th>
    </tr>
  </thead>
</thead>

Смотрите здесь: http://jsfiddle.net/AhHFP/

Answer 2

попробуйте это.

table {
border: 1px solid black;
width:100%;
border-collapse:collapse;
}

Answer 3

попробуй

td.col1
{ 

   border-left:0px;

}

Answer 4

попробуйте

border-collapse:collapse;

Answer 5

Я предполагаю, что это стол? без разметки это довольно сложно, но установите таблицу в таблицу {border-collapse: collapse;} http://reference.sitepoint.com/css/border-collapse