| HOME | MAIL | 本館:b-cures. | 別館:Template b |
 
★高収入が可能!WEBデザインのプロになってみない?!

スタイルシートを使う

▼ボックスレイアウト2

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

<table style="background:url(画像のファイル名);">
<tr>
<td>
</td>
</tr>
</table>

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

<table>
<tr>
<td style="background:url(画像ののファイル名);>
</td>
</tr>
</table>

サンプルページ

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

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

<input name="text" type="text" style="background:url(img/bg.gif);" size="15">
<input name="text" type="text" style="background:url(img/bg.gif); border: solid 1px #3333FF ; " size="15">
<input name="text" type="text" style="background:url(img/bg.gif); border: double 3px #3333FF ; " size="15">
<input name="text" type="text" style="background:url(img/bg.gif); border: dotted 2px #3333FF ; " size="15">
<input name="text" type="text" style="background:url(img/bg.gif); border: dashed 2px #3333FF ; " size="15">
<input name="text" type="checkbox" style="background:url(img/bg.gif);">
<input name="text" type="checkbox" style="background:url(img/bg.gif); border: solid 1px #3333FF ; ">
<input name="text" type="checkbox" style="background:url(img/bg.gif); border: double 3px #3333FF ; ">
<input name="text" type="checkbox" style="background:url(img/bg.gif); border: dotted 2px #3333FF ; ">
<input name="text" type="checkbox" style="background:url(img/bg.gif); border: dashed 2px #3333FF ; ">
<input name="text" type="radio" style="background:url(img/bg.gif);">
<input name="text" type="radio" style="background:url(img/bg.gif); border: solid 1px #3333FF ; ">
<input name="text" type="radio" style="background:url(img/bg.gif); border: double 3px #3333FF ; ">
<input name="text" type="radio" style="background:url(img/bg.gif); border: dotted 2px #3333FF ; ">
<input name="text" type="radio" style="background:url(img/bg.gif); border: dashed 2px #3333FF ; ">

(C)2006 html sample. All Rights Reserved.