アクセスカウンタ - 楽しいパターンが簡単にIIのパターンを形成する形成

shinobi.jp - アクセス解析, ブログ, カウンターとかを提供しているNINJA TOOLSの別館的サイト
。
フォームの外観は、最も直接的なものであり、あなたは特別な効果を達成するために、それを変更することができ、本論文では、2つの出発点を説明します：イメージマジックマジックとCSS。
図1は、マジックのCSS
CSSは、カスケードスタイルは、我々は皆知っている一つであり、それはフォントスタイル、背景色とイメージのスタイル、枠線のスタイル、パディングのスタイル、境界線のスタイルなどを含むページ要素の外観を定義することができます、このホワイトペーパーの次のいくつかの側面が説明それを完全に美しく形成するために適用されているCSSどのように！
フォントの1.1アプリケーションのスタイル
フォントスタイルが含まれます：フォントファミリー（フォントファミリー）、フォントスタイル（フォントスタイル）、フォントの歪み（フォントバリアント）、太字のフォント（フォント重量）、フォントサイズ（フォントサイズ）、フォント（フォント）ない詳細、そのデータを参照してください方法の特定の定義。
あなたは、ボタンのテキストはかなりされていない場合、お気付きかもしれませんが、実際に、およびCSSのフォントスタイルを介して解決することができる同様に、他のいくつかの個々のテーブルのテキストとの関連は、例えば、テキストボックス、複数行のテキストボックス、パスワードボックスは、次のラ選択ボックスのフォントスタイルを適用することができます。
ためには完全に規制の下で、これらのアプリケーションを示すに具体的には、実際には、いくつかのスタイルを設計されていないので、面倒な、柔軟な使用：
例12：フォントスタイルショーフォーム要素
yesky.com redidea.net
underline css style

テキストボックスのテキストは、Times New Romanフォントは、コードされ、サイズは9ポイントで、太字で表示されます：

ドロップダウンボックスのテキストの色は赤、フォントがMS Pゴシックは、サイズ、コード9ポイントです：
CSSのスタイルの下線未満を/ TEXTAREAに>未満/ htmlの><br /> <br /> <input type="submit" name="Submit" value="发送1" style="font-family:宋体; font-size: 9pt;"><br /> 要約：我々が定義することができるラベル定義にスタイルを使用する必要はありません柔軟に対応するフォントのスタイルに慣れている限り、同様<head> 、参照で使用される、または外部リファレンスCSSファイルは、どのように望ましい結果を達成するために。 <br /> <br /> 多くの場合、色ページは、スタイルをデザインする背景の色とイメージの形式、背景色、使用する背景色のプロパティは、予期しない効果があることもできます背景画像の属性の色とイメージを使用して、バックグラウンドイメージを持っている。<br /> <br /> 複数のメニュー選択yesky.comのredidea.comのchinabyte.comのsina.comのsohu.com<br /> 分析：<br /> <br /> <input type="text" name="RedFld" size="10" maxlength="10" style="color: #FFFFFF; background-color: #000000"><br /> [パスワード]ボックスの背景には、コードグレー：<br /> <input type="password" name="RedFld3" size="10" maxlength="10" style="background-color: #999999"><br /> <br /> <input type="checkbox" name="checkbox" value="checkbox" style="background-color: #FF0000"><br /> <input type="radio" name="radiobutton" value="radiobutton" style="background-color: #FF0000"><br /> [オプション]ドロップダウン選択ボックスがカラフルな背景、コードです：<br /> <select name="select2" size="1"><br /> <option selected style="background-color: #FF0000"> yesky.com </ option><br /> <option style="background-color: #0000CC"> redidea.com </ option><br /> <option style="background-color: #009900"> chinabyte.com </ option><br /> <br /> <option style="background-color: #999999"> sohu.com </ option><br /> </ Select><br /> バックグラウンドで複数行のテキストボックスには、画像、コードです：<br /> <br /> submit1ボタンの背景には、コード黄色：<br /> <input type="submit" name="Submit3" value="Submit1" style="background-color: #FF9900"><br /> submit2背景画像のボタンのコードです：<br /> <input type="submit" name="Submit22" value="Submit2" style="background-image: url(back.gif)"><br /> 概要：良い背景色のプロパティや背景画像のプロパティの"色"の形式するように設計することができます。<br /> <br /> おそらく、あなたは境界線があまりにも硬直フォームだと思う、我々は単一の行、またはその他の境界線スタイルを、それを設計できますか？もちろん！<br /> 。<br /> <br /> 複数のメニューを選択する<br /> <br /> この例ではディスプレイ上でのborder - styleされているテキストボックスの境界線スタイルの8種類がありますが、<br /> ルールの境界線の幅を設定するには：<br /> 境界線幅：[薄膜|中|厚| <length> ] {1,4}<br /> 。一つの値だけなら、それはすべての境界線の幅に適用されます。二、三の値が指定されていない場合、値は同じ側に省略されている<br /> たとえば： <input type="text" name="RedF" style="border-color: #006600; border-style: dotted; border-width: 1px"><br /> 枠線の色の設定は、法律です：<br /> 国境線色： <Colors> {1,4}<br /> 一から四の値と境界線の色は、要素の境界線の色を設定する。四つの値が与えられている場合は、右下の上で使用されており、左境界線の色を。一つの値だけなら、それはすべての境界線の色に適用されます。。 <br /> 複数行のテキストボックスとボタンは、メソッドと同じテキストボックスで、声明の境界線を設定します。<br /> ドロップダウン選択ボックスの設定は、国境をサポートしていないので、設定するには無駄です。<br /> <br /> 例15は：ボーダーは、特別な設計を示しています<br /> <br /> コード：スタイル="背景色：＃FFFFFF;境界線色：＃000099;のborder - style：固体;枠幅：0px 0px 1px"<br /> コード：スタイル="背景色：＃FFFFFF;境界線色：＃CCCCCC＃黒ff0000と;のborder - style：固体;枠幅：1px 0px"<br /> コード：スタイル="背景色：＃FFFFFF;国境左：1px点線が＃ff0000;枠右：1px点線が＃ff0000;国境トップ：1px点線が＃ff0000;枠底：1px固体＃000000"注：境界線の種類の外観は以下のとおり：<br /> 。<br /> <br /> 点線：点線;<br /> 固体：固体境界線;<br /> 二重：二重線。<br /> <br /> 尾根：国境プロセス;<br /> 図：3次元凹面側;<br /> 当初：3次元凸エッジ;<br /> 2、イメージマジックは、<br /> 画像をページの重要な要素である、それを形成するために適用することができますか？次に、我々は二つの部分の剛性フォームに画像を変換：ボタンの代わりに、画像、フォーム要素の背景造園と。<br /> ボタンを2.1の代わりにイメージを使用して<br /> デフォルトのフォームのボタンがあまりにも醜いので、サイトの大半はこの方法を実現し、我々は二つの例を見てみましょう、イメージボタンを使用する：<br /> 例16：の代わりに使用する画像が送信ボタン：<br /> は1つだけボタンをサブミットすると、彼らは簡単にそのイベント関数ではなく、得ることができるが、コードは：<br /> <input type="image" name="..." src="url" width="" height="..." border="..."><br /> 入力タイプ=にラベルに加えて、"イメージ"、他のプロパティとプロパティの<img>タグは、例と同じです：<br /> <br /> 例17：すべてのフォームのボタンの代わりに画像を使用する：<br /> 注：<br /> ボタンの代わりに画像のコード形式を送信<br /> <input type="image" name="..." src="..." onClick="document.formName.submit()"><br /> リセットは、コードイメージの形式ではなくボタン<br /> <br /> 。 <br /> <br /> 実際には、既にバックグラウンドイメージを使用して、上記：のURL（）は、ほんの一例を挙げると、背景イメージのフォーム要素を定義する属性は、選択よりも、効果は他に加えて、見ることができ、他の一致させることができますページの背景は、それらを設定する。<br /> 例18：バックグラウンドのマップを設定する<br /> www.yesky.com redidea.com www.chinabyte.com <br /> </p><br clear='all' /><br /> <br /> <br clear="all" /> </p> </div> <div class="footer"> <div class="bottom_menu"> <h4>CATEGORY</h4> <ul> <li><a href="/">トップ</a></li> <li><a href="/engine/">エンジン</a></li> <li><a href="/website/">ウェブサイト</a></li> <li><a href="/development/">開発</a></li> <li><a href="/link/">リンク</a></li> <li><a href="/users/">ユーザー</a></li> <li><a href="/etc/">その他</a></li> </ul> </div> </div> </div> </div>