タグの絵本
＞
CSS
＞テキストフィールド内に背景画像を表示する
■テキストフィールド内に背景画像を表示する
・使用するCSS
input {background-image: url(☆);}
補足≫ ☆＝画像URL
・説明
CSSを使用し、テキストフィールド内に背景画像を表示させます。
テキストフィールドは一行なので小さめの背景やグラデーションが綺麗にでるかと思われます。
・使用例
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- input { background-image: url(bag1.gif); } --> </style> </head> <body> <br> ホームページ作成中。頑張ります！ <br><br> <FORM> <input name="textfield" type="text" value="サンプルです。" size="60"> </FORM> </body> </html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります！
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index
あなたのホームページ Internet
Explorer