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

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

000000

HOME | DIARY | PROFILE

2006.10.22

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

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

CSS濫用型（テンプレート集）です。

*	◆タイトル◆	*
*	枠の太さは各20ピクセルです SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText	*
*	*	*

入力ソース

&LT;TABLE border="0" cellpadding="0" cellspacing="0" width="450"&GT;&LT;TR&GT;&LT;TD bgcolor="#999999"&GT;&LT;/TD&GT;&LT;TD bgcolor="#E7E7E7" height="20" align="center"&GT;◆タイトル◆&LT;/TD&GT;&LT;TD bgcolor="#999999"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;TR&GT;&LT;TD bgcolor="#E7E7E7" width="20"&GT;&LT;/TD>&LT;TD bgcolor="#F6F6F6"&GT;&LT;DIV style="padding-top : 8px;padding-left : 8px;padding-right : 8px;padding-bottom : 8px;"&GT;枠の太さは各20ピクセルです&LT;BR&GT;
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText&LT;/DIV&GT;&LT;/TD&GT;&LT;TD bgcolor="#E7E7E7" width="20"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;TR&GT;&LT;TD bgcolor="#999999"&GT;&LT;/TD&GT;&LT;TD bgcolor="#E7E7E7" height="20"&GT;&LT;/TD&GT;&LT;TD bgcolor="#999999"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;/TABLE&GT;

*	◆タイトル◆	*
*	枠の太さは各20ピクセルです SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText	*
*	*	*

入力ソース

&LT;TABLE border="0" cellpadding="0" cellspacing="0" width="450"&GT;&LT;TR&GT;&LT;TD bgcolor="#BCBCFF"&GT;&LT;/TD&GT;&LT;TD bgcolor="#ECECFF" height="20" align="center"&GT;◆タイトル◆&LT;/TD&GT;&LT;TD bgcolor="#BCBCFF"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;TR&GT;&LT;TD bgcolor="#ECECFF" width="20"&GT;&LT;/TD>&LT;TD bgcolor="#F6F6F6"&GT;&LT;DIV style="padding-top : 8px;padding-left : 8px;padding-right : 8px;padding-bottom : 8px;"&GT;枠の太さは各20ピクセルです&LT;BR&GT;
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText&LT;/DIV&GT;&LT;/TD&GT;&LT;TD bgcolor="#ECECFF" width="20"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;TR&GT;&LT;TD bgcolor="#BCBCFF"&GT;&LT;/TD&GT;&LT;TD bgcolor="#ECECFF" height="20"&GT;&LT;/TD&GT;&LT;TD bgcolor="#BCBCFF"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;/TABLE&GT;

*	◆タイトル◆	*
*	枠の太さは各20ピクセルです SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText	*
*	*	*

入力ソース

&LT;TABLE border="0" cellpadding="0" cellspacing="0" width="450"&GT;&LT;TR&GT;&LT;TD bgcolor="#FFBEBE"&GT;&LT;/TD&GT;&LT;TD bgcolor="#FFDEDE" height="20" align="center"&GT;◆タイトル◆&LT;/TD&GT;&LT;TD bgcolor="#FFBEBE"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;TR&GT;&LT;TD bgcolor="#FFDEDE" width="20"&GT;&LT;/TD>&LT;TD bgcolor="#F6F6F6"&GT;&LT;DIV style="padding-top : 8px;padding-left : 8px;padding-right : 8px;padding-bottom : 8px;"&GT;枠の太さは各20ピクセルです&LT;BR&GT;
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText
SampleText SampleText SampleText SampleText&LT;/DIV&GT;&LT;/TD&GT;&LT;TD bgcolor="#FFDEDE" width="20"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;TR&GT;&LT;TD bgcolor="#FFBEBE"&GT;&LT;/TD&GT;&LT;TD bgcolor="#FFDEDE" height="20"&GT;&LT;/TD&GT;&LT;TD bgcolor="#FFBEBE"&GT;&LT;/TD&GT;&LT;/TR&GT;&LT;/TABLE&GT;

[ トップページへ戻る ]

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