∞たった10分でできるCSSの裏ワザ1誰にでも簡単にできるHP制作の中での裏ワザ紹介!いちいち画像を背景に組み込まなくてもCSSで10分で完結できる超速攻法です(笑)どうぞコピペして、皆さんも色々実践して使ってみてください^^ご購読の皆様、右下からブログ登録してもらえると嬉しいです♪(迷惑メールに入ってしまうこともあるので、フォルダチェックお願いします。【ナビを簡単に設置する方法】ナビって意外と作りこむのが面倒なところがあるんですよね。私も、この作業が一番苦手分野でした。マウスを乗せた時に、正確に画像が切り替わらないと非常にみにくい。1pxでもズレると全てが崩れてしまう。計算しながら画像作成していく工程がどれだけ苦痛だったか・・・(笑)で、編み出したのがコチラの方法です。(いろいろ方法はありますが、私はデザインする上でも一番簡単で便利かと思います)●一枚の画像を使って画像を切り替える方法CSSで画像の置き換え指定を設定することで、マウスを乗せた時に画像が切り替わると言う仕組みです。以下のようなナビ画像を作ります。背景に設定する画像は、ナビのデザイン(上部なのかサイドなのか)で異なりますが、今回は分かりやすくTOPの横ナビで・・・。通常時の画像のみ表示させます。下:マウスを乗せた時&そのページを開いているとき。この方法だと、画像ファイルが1つで済み、メニューが変わった時なども便利で管理がしやすいのです。-92px;}※私はul(リスト)で囲んでいますが、Divやddで囲む方も多いです。次回はCSS裏技集2をご紹介します。(27)ブログをメールで購読メールアドレスを記入して送信すれば、更新をメールで受信できます。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。