| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

スタイルシートを使う

▼ボックスレイアウト3

ボックスの背景画像を1枚だけ表示します。サンプルページには下の画像を使います。

サンプル素材

テーブルの背景に画像を使う場合<table>の中に以下のタグを入れます。

<table style=="background-image:url(画像のファイル名);background-repeat:no-repeat;background-position:center center;">
<tr>
<td>
</td>
</tr>
</table>

セルの背景に画像を使う場合<td>の中にタグを入れます。

<table>
<tr>
<td style=="background-image:url(画像のファイル名);background-repeat:no-repeat;background-position:center center;">
</td>
</tr>
</table>

サンプルページ

FORMの背景に画像を1枚だけ表示する場合<form>の中に以下のタグを入れます。

<input type="text" style="〜">

<input name="text" type="text" style="background:url(img/text.gif); background-position:center; background-repeat:no-repeat;" size="15">
<input name="text" type="text" style="background:url(img/text.gif); background-position:center; background-repeat:no-repeat;border: solid 1px #3333FF ;" size="15">
<input name="text" type="text" style="background:url(img/text.gif); background-position:center; background-repeat:no-repeat;border: double 3px #3333FF ;" size="15">
<input name="text" type="text" style="background:url(img/text.gif); background-position:center; background-repeat:no-repeat;border: dotted 2px #3333FF ;" size="15">
<input name="text" type="text" style="background:url(img/text.gif); background-position:center; background-repeat:no-repeat;border: dashed 1px #3333FF ;" size="15">
<input name="text" type="password" style="background:url(img/pass.gif); background-position:center; background-repeat:no-repeat;" size="15">
<input name="text" type="password" style="background:url(img/pass.gif); background-position:center; background-repeat:no-repeat;border: solid 1px #3333FF ;" size="15">
<input name="text" type="password" style="background:url(img/pass.gif); background-position:center; background-repeat:no-repeat;border: double 3px #3333FF ;" size="15">
<input name="text" type="password" style="background:url(img/pass.gif); background-position:center; background-repeat:no-repeat;border: dotted 2px #3333FF ;" size="15">
<input name="text" type="password" style="background:url(img/pass.gif); background-position:center; background-repeat:no-repeat;border: dashed 1px #3333FF ;" size="15">

(C)2006 html sample. All Rights Reserved.