美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前ページ トップページ 内容一覧 次ページ→
■ボタンの色を変える

送信ボタンなどボタンの色はねずみ色で、どうも好きになれないという方のためにボタンの色を変える方法です。スタイルシートで設定するとそのページのボタンの色が全部同じになるので、ここではひとつづつ個別に設定しています。

これはふつうのやつ。

こんな感じでどんな色にも出来ます。

ソースです

<FORM><INPUT style="background-color:#ffb425;border-color:#fdf5e6 #fdf5e6 #ffdab9 #ffdab9;" type="button" value="送信"></FORM>

background-color:#ffb425 これがボタンのいろです。
border-color:#fdf5e6 #fdf5e6 #ffdab9 #ffdab9 これが枠の色です。
順に上 右 下 左 なんですが、適当にボタンの色より薄い色を指定すれば大丈夫です。

ボタンに画像を使っているタイプです。画像の大きさに合わせてボタンの大きさを指定してください。
ソースです。
<FORM>
<BUTTON type="button" style="background-color:#fffff0;"><IMG src="../ppball.gif" width="40" height="40" border="0"></BUTTON>
</FORM>
IMGタグで画像を指定するだけです。


←前ページ トップページ 内容一覧 次ページ→