ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - ボタンの枠線や背景色を変える

ボタンの枠線や背景色を変える

枠線を変える方法

大きさや文字だけを変えてもあまり見た目が変わってなくて、飾りいまいちだと思ったかも知れません。でも枠線まで変えればかなり自由にボタンを変える事ができます。



<INPUT TYPE="submit" VALUE="ボタン">
普通のボタンはこの様な形をしてますよね。



<INPUT TYPE="submit" VALUE="ボタン" STYLE="border: 3px #85B9E9 double;">
STYLE="border:3px #85B9E9 double;"を加えると枠の線の太さ・枠の色・枠の線の週類を変える事ができます。border:数値+単位(枠線の太さ)#色の値(枠線の色)solid(線の種類);と順番に前から3つ指定します。この3つは半角スペースで間隔を空けて指定してください。

枠線の種類の紹介


・solid(実線)
・double(二重線)
・dotted(点線)
・dashed(破線)
・groove(窪んでいる線)
・ridge(浮き上がっている線)
・inset(中が窪んでいる様に見える線)
・outset(中が浮き上がっている様に見える線)


背景色を変える方法



<INPUT TYPE="submit" VALUE="ボタン" STYLE="background-color:#ffcc33;">
STYLE="background-color:#ffcc33;"を加えると背景色を変える事ができます。background-color:色の値;で背景色を指定することができます。



<INPUT TYPE="submit" VALUE="ボタン" STYLE="border: 3px #BA55D3 ridge;background-color:#ccffcc;">
枠線と背景色を一緒に変えるとこのような感じになります。


関連ページ)
お気に入りボタンをつくる
ボタンの大きさや文字を変える
・ボタンの枠線や背景色を変える
ボタンを画像にする


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/356-0f9ef482   

Template Designed by DW99