【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編(前編) 前編の続きです。(前編はこちら) 3.CSS3グラデーションの活用 ヘッダはできあがりましたが、まだメニューの画像がヘンです。 こちらも、ヘッダでおこなったような方法が取れなくもないのですが、 さすがにメニューは5個もあるし、その分HTMLソースに記述するのは、なんだか気が引けます。。。 幸い画像がただのグラデーションなので、どうにかCSSを使って対応できるかもしれません。 CSS3には、グラデーションを描く機能があるため、それを活用してみたいと思います。 ★まず、メニュー画像は全てdisplay:none; この手法はもうおなじみ。 imain.cssに追記 #globalNav li>a>img{ display:none; } すると… 当然なのですが、メニューが無くなった。。。 メニュー画像を消してしまったので、
![「スマホ対応サイト制作 初心者向け」-2.画像をCSSで操る編(後編)- - Kaleidoscope](https://cdn-ak-scissors.b.st-hatena.com/image/square/2867500b7a6c33959864ae7caef7e730eb7eb71e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fizit_kosuke%2F20110207%2F20110207210143.png)