[CSS]フォームのスタイルシートをオンラインで簡単作成 -Form style generator

NO IMAGE

Form style generatorは、フォームのスタイルシートを表示確認しながら、3ステップで作成できるオンラインサービスです。

Form style generatorのキャプチャ

Form style generator

Form style generatorは現在バージョン0.9で、フォームのテキストフィールドのスタイルシートを作成することができます。

スタイルシートを作成するには、「1)design」でフォームの外観やマウスのフォーカス・ホバー時を選択します。
選択した項目は、右上の「preview」にリアルタイムに反映されます。

フォームのスタイルが決まったら、「2)download」の「Your CSS」からスタイルシートファイルをダウンロードします。
背景にグラデーションなど使用した場合には、「Your Image」から画像ファイルもダウンロードします。

HTMLに適用するには、ダウンロードしたスタイルシートに記述してあるclass名を適用する箇所に記述します。
画像を使用する場合は、画像のパスを記述します。