外枠はなく、一部のセルに枠線があるテーブル

Question

複雑なhtmlテーブルを作成する必要がありますか？ これは表形式のデータですが、この表は外枠を持つことはできませんが、内枠（セルの周り）は選択したセルに対してのみ存在する必要があります。

つまり、一部のセルには境界線があり、境界線には「周囲の表」がありません。

html tableまたはdivで行うことはできますか？

Answer 1

はい、HTMLテーブルで可能です。また、部門もあります。しかし、私は表のデータのためにdivの代わりに表を使うことを勧めます。

でテーブルの境界線を削除します。

table { 
    border: none; 
} 

クラスで<td>を必要とするために境界線を追加します。

.bordered { 
    border: 1px solid; 
} 

table { 
 
    /* Optionally use, 
 
    border-collapse: collapse; */ 
 
    border: none; 
 
} 
 

 
.bordered { 
 
    border: 1px solid; 
 
}

<table> 
 
    <tr> 
 
    <th>Firstname</th> 
 
    <th>Lastname</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Peter</td> 
 
    <td class="bordered">Griffin</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="bordered">Lois</td> 
 
    <td>Griffin</td> 
 
    </tr> 
 
</table>