CSS3のグラデーションボタンのソースを書き出します

テキストの色      : 

グラデーションの向き :    

グラデーション開始色 : 
                
グラデーション終了色 : 


IE
FIRE FOX
Chrome

色を選んでCSS作成ボタンを押すと,
現在見ているブラウザに対応したグラデーションボタンが出ます


実際にスタイルシートに書く時は、
上のテキストエリアの部分をまるまるコピペするだけで
IE5.5~8 と firefox と Google Chrome と Safariでグラデーションが使えます
(IE9は試していないからわからない)

高さや幅などは各自で適当に設定してください

ちなみに、色指定は#で始まる16進数で指定しないと グラデーションは正しく表示されないことがあるので気をつけてください
(redとかblueとかblackって書くとだめ)

このPHPプログラムは
(インターネットエクスプローラー8)
(ファイアフォックス 3.6)
(グーグルクローム)
で無事、動作することを確認しました


最後に・・・・・・・
文字の高さを合わせるCSSは 「line-height」 です。

「vartical-align」は効かないのでくれぐれも気をつけて下さいね
(はまります)

色指定のカラーピッカーはjscolorを使用しています。