表を装飾する

今、表に枠線がないので、表示しましょう。

table,td {
	border: 1px #669966 solid;
}

ここで出てきた新しいことはひとつ。
同じ効果を複数のタグに指定したい場合は、「,(カンマ)」を使って並べる。

それだけです。

table { border: 1px #669966 solid;}
td { border: 1px #669966 solid;}

でも間違いではありませんが、まとめた方がよりすっきりするよ、ということになります。


関連記事

  1. 入門を終えたあなたがプロ並みのウェブデザインを構築できるあらゆる理由

  2. 表の概念

  3. ブロックの余白を指定する

  4. リストを作る

  5. 拡張子を表示させる

  6. 文字の行間を指定する

お手本ナビの無料HPデザイン

ランダムピックアップ