ＣＳＳを使った基本デザイン

WordPerss > Photo Gallery

０７　テーブルとフォームのアレンジ

テーブルの機能を使って表組みを作ります。
テーブルは、さまざまな情報を整理して表示するのに便利です。
また、フォームを使ってコメントを送ってもらえるようにします。

ＣＯＮＴＥＮＴＳ　※ブラウザのソースで確認してください

（１）テーブルを作成する　<table>,<tr>,<th>,<td>
- ･表組み
（２）文字と罫線の間隔を指定する　padding,margin-bottom,font-size　
- ･文字と罫線の間に余白を設定
（３）テーブルの大きさを指定する　width
- ･テーブルやｾﾙの大きさを設定
（４）文字の位置揃えを指定する　text-align,vertical-align
- ･文字の位置揃え
（５）テーブルの背景色を指定する　background-color
- ･背景色の設定
（６）罫線のデザインを指定する　border
- ･罫線のデザインをセルごと設定
（７）罫線をつなげて表示する　border-collapse
- ･セル間の余白をなくする
（８）コメント送信フォームを作成する　<form>,<input>,<textarea>
- ･アンケートを作成
（９）フォームのデザインをアレンジする　border,background-color,color,width
- ･コメント投稿フォームのデザイン