tableタグには初めから設定した方が有用なCSSがいくつかあります。
一つ目はborder-collapse: collapse;になります。
以前の表の線は二重線でした。ホームページができた頃によく見た表ですが、今はこの二重線を使って、表を作るケースはほどんどありません。そのため、border-collapse: collapse;を使います。使わないで、borderを設定すると、二重線になってしまいます。
二つ目はtable-layout: fixed;です。
列幅は、テーブルやカラムに指定された幅、または最初の行のセルに基づいて固定されます。
通常はautoになっているため、長い内容を持つセルがある場合、そのセルの列が他の列よりも広くなる可能性があります。table-layout: fixed;を設定することで、表の列幅の調整がしやすくなります。

投稿者

Kの手習い

前職はOA機器の販売営業でしたが、退職して、50代で1からプログラマーを目指します。一般的にこの年齢からは厳しいと言われておりますが、この歳ならではの経験を活かして、頑張ります!

コメントを残す