(いくつ使用しても大丈夫です。trの中で使います、はさまれた部分は見出しセルとなる。trの中で使います、はさまれた部分が表の中身のセルとなる。(いくつ使用しても大丈夫です。セルの<th>」と「中身のセルの<td>」は同じように<tr>の中に入れます。それぞれの段「<tr>内」に含めるセルの数は合わせるようにしましょう。<th>を使う数によって変えることができます。例:5×5の表を作っていきます。実際にコードを書いてみます。キウイ⬆︎1つの<tr>〜</tr>の中には<th>もしくは<td>が5つ並んで入ります。背景の色と文字の色をCSSを使い変えていきます。キウイ⬆︎<th>と<td>別々に指定すれば、上記のように違う色を指定することもできます。背景色の指定にはbackground-colorを使います、指定すると上記のように色を変えることができます。キウイ⬆︎<th>と<td>に対してborderを指定することで各セルに線を引くことができます。collapse;」と指定します。※border-collapseは線の間に隙間を作るかどうかを決めるCSSのプロパティになります。キウイ⬆︎上記のように一重線になりました。あとは線の太さを変えたり、色を変えるなど自由に編集してみましょう。表全体の幅を変えるには、tableに対してwidthを指定します。{width:500px}と書きます。すると各列の大きさが自動調整されて、全体の幅がぴったり500pxになります。キウイ⬆︎合計幅が500pxになるように自動でセルの幅が調整されました。最後に・・・このようにtableプロパティの<tr><th><td>を使うことで表を簡単に作成することができ、CSSでレイアウトもいろいろ変えることができます。何かをまとめたい時に便利なので是非使ってみてください。inomaeウェブデザインからウェブマーケティングまでいろいろ幅広く手掛けています。コメントをキャンセルメールアドレスが公開されることはありません。technology.。