楽天広場HTML講座・いろいろな飾り枠（5）

100万ポイント山分け！1日5回検索で1ポイントもらえる

4002106

HOME | DIARY | PROFILE

2006.11.07

テーマ：ホームページ作成の悩み(550)

カテゴリ： HTMLタグ（テーブル）

軽くて見やすいホームページを作りたいときに役立つWebデザインテンプレート（シンプル飾り枠）集です。○の数の増減で枠の高さを調節できます。

○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○

Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text

入力ソース

&LT;table width="400" bgcolor="#5f5f5f" cellspacing="5" cellpadding="5" style="border:1px solid #cccccc;"&GT;
&LT;tr height="100"&GT;&LT;td width="20" align=center style="border-right:1px dashed #cccccc;color:#cccccc;font-size:11px;line-height:25px;"&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;&LT;/td&GT;&LT;td colspan="2" bgcolor="#f5f5f5" valign="top" align="center"&GT;
Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text&LT;/td&GT;&LT;/tr&GT;&LT;/table&GT;

○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○

入力ソース

&LT;table width="400" bgcolor="#ffffff" cellspacing="5" cellpadding="5" style="border:1px solid #cccccc;"&GT;
&LT;tr height="100"&GT;&LT;td width="20" align=center style="border-right:1px dashed #cccccc;color:#cccccc;font-size:11px;line-height:25px;"&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;○&LT;br&GT;&LT;/td&GT;&LT;td colspan="2" bgcolor="#ffffff" valign="top" align="center"&GT;
Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text&LT;/td&GT;&LT;/tr&GT;&LT;/table&GT;

※Sample text Sample text を削除して、文章・画像を入力してください。
※width=""の数値を変える事で、自由にワクの大きさを変える事ができます。

[ トップページへ戻る ]

お気に入りの記事を「いいね！」で応援しよう