ホームページ用素材無料配布
ホームページ作成用素材ボタンNo.005
メニューなどに使えるボタンです。影つきのボタンですので透過しても背景色が濃い色の場合結局白いふちができてしまうので透過はしていません。ご利用になる場合は画像を右クリックして「名前をつけて保存」し、ご利用ください。また、ご利用規約もよく読んでください。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
スタイルシート(CSS)を使ってメニューを作成
上の素材に必要な文字がなく「いちいち作ってられんワイ!!」という方は、スタイルシートを使いましょう。 文字の表示は普通のテキストになります。なお、詳しい説明はボタン素材No.001とボタン素材No.002の解説をご覧ください。
違うのは背景画像のファイルと文字(フォント)の色指定だけです。ちなみに以下の例では、通常の文字の色は[#005366]、そしてマウスが乗っかったときの文字の色は、[#CC3300]と、しています。
実際にメニューの部分だけ作ったページを作成してあります。
ご覧ください。また、そのセットをダウンロードもできます。
No.001のボタン素材のHTMLとCSSファイルを比較してみるとわかると思いますが、No.001とNo.005の違いは背景画像として使用している文字の入っていない画像が違うのと、スタイルシートでの文字の色の指定が違うだけです。色の指定はこちらのカラーチャートを参考にしてください。



