画像メニューをCSSで作る（CSSでマウスオーバー）｜ぞえぞえねっとメニュー部分はCSSで制御するべき webサイトを作る際、メニュー部分は画像になる場合がほとんどです。 画像の上にマウスオーバーすることで、色が変わったりなどデザインが多少代わるのが主流です。 Webが出てきた当時は、マウスオーバーの処理をjavascriptを用いて画像を切り替えているのが多かったです。この場合、はっきりいってソースも汚いし、いらない文章が多数はいり、ムダなソースにいれるべきではないと思います。 リスト構造でメニューを作りCSSで画像を表示し、マウスオーバーもCSSで行うのがベストです。 現在、全ての画像を1枚ずつ用意しCSSによって表示する画像を決める方法と、複数のメニューを1つの画像で行い座標を変えて表示する方法の2種類があります。 このページでは簡単にできる全ての画像を1枚ずつ用意しCSSによって表示する画像を決める方法を説明しています。 まず、下記のようにメニュー
