追加スタイルシート２

画像に枠が付きます。普通の線と点線が使えるようになります。

テーブルサンプルを使用する前に以下のタグをスタイルシート（CSS）内に追加してください。

.t100i { width: 100%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t80i { width: 80%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t75i { width: 75%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t66i { width: 66%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t50i { width: 50%; border: 1px #000000 solid; text-align: center; } .t33i { width: 33%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t25i { width: 25%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t20i { width: 20%; border: 1px #000000 solid; padding: 5px; text-align: center; } .t100h { width: 100%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t80h { width: 80%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t75h { width: 75%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t66h { width: 66%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t50h { width: 50%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t33h { width: 33%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t25h { width: 25%; border: 1px #000000 dotted; padding: 5px; text-align: center; } .t20h { width: 20%; border: 1px #000000 dotted; padding: 5px; text-align: center; }

追加スタイルシート１

テーブルに枠を付けます。
border: 1px #000000 solid;
この部分を変更すると以下のようになります。（左が基本です。）

枠線は、用途に応じて変更できます。
画像１	画像２	画像３
border: 1px	border: 2px	border: 3px
画像１	画像２	画像３
#000000	#0000FF	#FF0000
画像１	画像２	画像３
solid	double	dotted

テーブルサンプルを使用する前に以下のタグをスタイルシート（CSS）内に追加してください。

.t100i { width: 100%; border: 1px #000000 solid; padding: 5px; text-align: center; }

基本スタイルシート１

追加：保存されていた方、申し訳ありません。
クラス名変更をお願いします。（tanntag→tag→t）
思っていた以上にクラス名が長くなってきたので削ることにしました。
以下のタグを上書き保存してください。
また、テーブルサンプルに使用スタイルシートを付加するようにしましたのでそちらをご利用くださっても構いません。

テーブルサンプルを使用する前に以下のタグをスタイルシート（CSS）内に追加してください。
・FC2ブログの場合、テンプレートの設定でスタイルシート編集内
（の#main {…}下辺り）に追加してください。
最上部で無ければ稼動すると思います。

スタイルシート（CSS）
.t100c { width: 100%; padding: 5px; text-align: center; } .t80c { width: 80%; padding: 5px; text-align: center; } .t75c { width: 75%; padding: 5px; text-align: center; } .t66c { width: 66%; padding: 5px; text-align: center; } .t50c { width: 50%; padding: 5px; text-align: center; } .t33c { width: 33%; padding: 5px; text-align: center; } .t25c { width: 25%; padding: 5px; text-align: center; } .t20c { width: 20%; padding: 5px; text-align: center; } .t100d { width: 100%; padding: 5px; text-align: center; vertical-align: top; } .t80d { width: 80%; padding: 5px; text-align: center; vertical-align: top; } .t75d { width: 75%; padding: 5px; text-align: center; vertical-align: top; } .t66d { width: 66%; padding: 5px; text-align: center; vertical-align: top; } .t50d { width: 50%; padding: 5px; text-align: center; vertical-align: top; } .t33d { width: 33%; padding: 5px; text-align: center; vertical-align: top; } .t25d { width: 25%; padding: 5px; text-align: center; vertical-align: top; } .t20d { width: 20%; padding: 5px; text-align: center; vertical-align: top; } .t100l { width: 100%; padding: 5px; text-align: left; } .t80l { width: 80%; padding: 5px; text-align: left; } .t75l { width: 75%; padding: 5px; text-align: left; } .t66l { width: 66%; padding: 5px; text-align: left; } .t50l { width: 50%; padding: 5px; text-align: left; } .t33l { width: 33%; padding: 5px; text-align: left; } .t25l { width: 25%; padding: 5px; text-align: left; } .t20l { width: 20%; padding: 5px; text-align: left; } .t100m { width: 100%; padding: 5px; text-align: left; vertical-align: top; } .t80m { width: 80%; padding: 5px; text-align: left; vertical-align: top; } .t75m { width: 75%; padding: 5px; text-align: left; vertical-align: top; } .t66m { width: 66%; padding: 5px; text-align: left; vertical-align: top; } .t50m { width: 50%; padding: 5px; text-align: left; vertical-align: top; } .t33m { width: 33%; padding: 5px; text-align: left; vertical-align: top; } .t25m { width: 25%; padding: 5px; text-align: left; vertical-align: top; } .t20m { width: 20%; padding: 5px; text-align: left; vertical-align: top; } .t100r { width: 100%; padding: 5px; text-align: right; } .t80r { width: 80%; padding: 5px; text-align: right; } .t75r { width: 75%; padding: 5px; text-align: right; } .t66r { width: 66%; padding: 5px; text-align: right; } .t50r { width: 50%; padding: 5px; text-align: right; } .t33r { width: 33%; padding: 5px; text-align: right; } .t25r { width: 25%; padding: 5px; text-align: right; } .t20r { width: 20%; padding: 5px; text-align: right; } .t100s { width: 100%; padding: 5px; text-align: right; vertical-align: top; } .t80s { width: 80%; padding: 5px; text-align: right; vertical-align: top; } .t75s { width: 75%; padding: 5px; text-align: right; vertical-align: top; } .t66s { width: 66%; padding: 5px; text-align: right; vertical-align: top; } .t50s { width: 50%; padding: 5px; text-align: right; vertical-align: top; } .t33s { width: 33%; padding: 5px; text-align: right; vertical-align: top; } .t25s { width: 25%; padding: 5px; text-align: right; vertical-align: top; } .t20s { width: 20%; padding: 5px; text-align: right; vertical-align: top; }