浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL：053-543-9889
営業時間：9：00～18：00（月〜金）
住所：静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

tableで縦横格子をどのブラウザでも表示する

HTML

tableのcss指定でborder-collapseを設定しても格子は表示されません。

tableで縦横の格子を建てたい時は、タグに直接border-collapseを指定してあげるとうまくいきます。

<table border="1" style="border-collapse: collapse;">
<tr>
  <th>見出しセル</th>
  <th>見出しセル2</th>
  <th>見出しセル3</th>
</tr>
<tr>
  <td>データセル</td>
  <td>データセル2</td>
  <td>データセル3</td>
</tr>
</table>

chrome/safariでも表示確認できました。

borderの指定を1として格子の色が見えるようにしておかないと表示されないので注意をば。

  • この記事いいね！ (0)
関連記事