|
 |
|
フォームの背景に画像を用いる
サンプルと機能
スタイルシートを用いて背景画像をフォームに適用します。
→ Sample：フォームの背景に画像を用いる
基本的に、テキストを入力するフォームのみに適用されます。
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ Sample：フォームの背景に画像を用いる
<FORM>
<INPUT size="20" type="text" style="background-image: url('url.gif');">
<INPUT type="radio" style="background-image: url('url.gif');">
<INPUT type="checkbox" style="background-image: url('url.gif');">
<!-- セレクトメニューには背景色を適用する -->
<SELECT style="background-color: #ccffcc;">
<OPTION>サンプル</OPTION>
<OPTION>サンプル１</OPTION>
<OPTION>サンプル２</OPTION>
</SELECT>
<TEXTAREA rows="4" cols="40" style="background-image: url('url.gif');"></TEXTAREA>
</FORM> |
解説・注意点など
使用スタイル：background-image
指定可能な値：url("01.gif") やurl("02.jpg")
などの画像ファイル
背景画像は繰り返して表示されます。
← Webデザインテクニックに戻る
|
|
|
