ホームページ用素材無料配布

ホームページ作成用素材ボタンNo.004

メニューなどに使えるボタンです。影つきのボタンですので透過しても背景色が濃い色の場合結局白いふちができてしまうので透過はしていません。ご利用になる場合は画像を右クリックして「名前をつけて保存」し、ご利用ください。また、ご利用規約もよく読んでください。

top page home
mail access
map news
what's new shopping
blog bbs
about us contact us
next back
download information
enter contents
site menu site map
diary gallery
photograph 文字なし

スタイルシート(CSS)を使ってメニューを作成

上の素材に必要な文字がなく「いちいち作ってられんワイ!!」という方は、スタイルシートを使いましょう。 文字の表示は普通のテキストになります。なお、詳しい説明はボタン素材No.001ボタン素材No.002の解説をご覧ください。

違うのは背景画像のファイルと文字(フォント)の色指定だけです。ちなみに以下の例では、通常の文字の色は[#004366]、そしてマウスが乗っかったときの文字の色は、[#CC3300]と、しています。

実際にメニューの部分だけ作ったページを作成してあります。
ご覧ください。また、そのセットをダウンロードもできます。

No.001のボタン素材のHTMLとCSSファイルを比較してみるとわかると思いますが、No.001とNo.004の違いは背景画像として使用している文字の入っていない画像が違うのと、スタイルシートでの文字の色の指定が違うだけです。色の指定はこちらのカラーチャートを参考にしてください。

No.001 No.002 No.003 No.004 No.005 いろいろな色

Page Top↑