タグの絵本
＞
CSS
＞ テキストフィールドの枠線のデザインを変更する
■テキストフィールドの枠線のデザインを変更する
・使用するCSS
input {border: ○px ◇ ☆;}
補足≫
○＝線の太さ
◇＝枠線の種類
dotted＝ドット
dashed＝点線
solid＝実線
double＝二重線
groove＝掘り込み
ridge＝浮き出し
inset＝インセット
outset＝アウトセット
※オレンジ色表記のものは線の太さを太くしないとできません。
☆＝カラーコード カラーコード生成は
こちら
・説明
CSSを使用し、テキストフィールドの枠線のデザインを変更します。
線にはいろんな種類があるので自分好みのデザインを探してみてはいかがでしょう。
・使用例
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- input {border: 2px dotted #ff6600;} --> </style> </head> <body> ホームページ作成中。頑張ります！ <br> <form name="form1" method="post" action=""> <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