テーブルの色や位置を変える

テーブルやセルの背景色を指定したりテーブルの位置自体を変えたい時がでてきます。 まずテーブル、行やセルを個別に色指定する方法からみてみましょう。まずテーブルの各部 には背景の色を設定できます。テーブルはなにも指定しない場合ホームページの背景色で 表示される決まりがあります。

テーブルを自然とホームページ内に溶け込ませたい場合は特に指定せずにそのままでも 構いませんが、ホームページに変化を持たせたい場合などは多少変化を持たせる必要が あります。ただあくまで自然に少しだけ目立たせるのが良いです。


Our partners
税理士 →税理士の事ならことサイトです。
通販 →通販するならここで決まり。
ランチェスター →ランチェスターのことを勉強しよう。


テーブル全体の色を変えたい場合はbgcolorタグで指定します。table、tr、thタグなどに 別々に指定することによりそれぞれの色を違ったように指定することができます。テーブル の色を赤にしたい時はtable bgcolor="red"とすればOKです。できればredの部分はカラー コードで指定しましょう。同じくtr部分を黒にしたい場合はtr bgcolor="black"でOKです。

テーブルを複数設置する場合で共通の変化を持たせたい場合はスタイルシートで 一括指定すると一つずつ指定する必要がないので楽です。ただこの場合、一括でテーブル の要素が指定されてしまうので、個々のテーブルでの指定ができにくくなってしまいますので 注意しましょう。


パワーストーン →パワーストーンの力の秘密。
探偵 川口 →探偵を川口でお探しならここです。
会計事務所 →会計事務所は信頼と実績のこの会社です。


次にホームページないで作成したテーブルの位置を指定する方法です。テーブルは指定が なければ左寄せで自動的に調整されます。ただ実際ホームページを作成していると中央 に寄せたい場合が多くあります。このようにしたい時はalign属性を使います。table align="center"とするとテーブルがホームページのコンテンツ部分の中央に入ります。

何もしなければ左寄せですが、これをわざとalign属性で左に寄せるとテーブルの左に 文字を回り込ませることができます。通常文字はテーブルの下に勝手に入ってしまうので この属性を使うとテーブルの内容を説明するときなどに便利ですので、ぜひ活用しましょう。


パワーストーン →パワーストーンのことについてもっと知ろう。
プレスと金型の製作 →プレスと金型製作ならお任せです。
チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。



  • テーブルの色や位置を変える
内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。
テーブルの色や位置を変える