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

スタイルシートを使う

▼ボックスをレイアウト1

テーブル全体をレイアウトする場合<table>の中にタグを挿入します。

<table style="〜">
<tr>
<td>
</td>
</tr>
</table>

列の中だけをレイアウトする場合<td>の中にタグを挿入します。

<table>
<tr>
<td style="〜">
</td>
</tr>
</table>

サンプルページ

FORMをレイアウトする場合<form>の中にタグを挿入します。

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

以下はフォームレイアウトの一例です。

<input type="text" style="border:#CC66CC" size="15">
<input type="text" style="background:#FFCCFF;" size="15">
<input type="text" style="background:#FFCCFF ; border:#CC66CC ;" size="15">
<input type="text" style="border:dashed 2px #CC66CC ; background-color:#FFCCFF ;" size="15">
<input type="text" style="border:dotted #CC66CC 3px ;" size="15">
<input type="text" style="border:dotted #CC66CC 3px ; background-color:#FFCCFF ;" size="15">
<input type="text" style="border:double 3px #CC66CC ; background-color:#FFCCFF;" size="15">
<input type="text" style="border:double #CC66CC 3px ; background-color:#FFFFFF;" size="15">
<input type="text" style="border:solid #CC66CC 1px ; background-color:#FFCCFF;" size="15">
<input type="text" style="border:solid 1px #CC66CC ; background-color:#FFFFFF ;" size="15">
<input type="button" value=" ボタン " style="border:solid #CC66CC 1px ; background-color:#FFCCFF ;">
<input type="button" value=" ボタン " style="border:solid 1px #CC66CC ; color:#CC66CC; background-color:#FFCCFF ;">
<input type="button" value=" ボタン " style="background-color:#FFCCFF ; border:#CC66CC 3px dotted ; color:#CC66CC ;">
<input type="button" value=" ボタン " style="border:dotted 3px #CC66CC ; background-color:#FFFFFF ; color:#CC66CC ;">
<input type="button" value=" ボタン " style="border:double 3px #CC66CC ; background-color:#FFCCFF ; color:#CC66CC ;">
<input type="checkbox" style="background-color:#FFCCFF; border: solid #CC66CC 1px;">
<input type="checkbox" style="background:#FFFFFF ; border: solid 1px #CC66CC;">
<input type="radio" style="border:double 3px #CC66CC">
<input type="radio" style="background-color:#FFCCFF; border: solid 1px #CC66CC;">
<input type="radio" style="background-color:#FFCCFF;">

(C)2006 html sample. All Rights Reserved.