今回はCSS3のみで1pxのラインまでデザインされたナビゲーションを作ってみました。 □demo □サンプル.zip 参考までに・・・こちらがPhotoshopで制作したナビゲーションです。(画像使用) 次にこちらが今回CSS3のみで作成したナビゲーションです。(画像不使用 Win7 Firefox12.0でキャプチャ) どうでしょう?さほど違いはないんじゃないでしょうか? HTML <ul id="menu"> <li class="first active"><a href="#">デザイナー</a></li> <li><a href="#">プログラマー</a></li> <li><a href="#">社長ブログ</a></li> <li class="last"><a href="#">お空</a></li> </ul> HTMLソースはわずかこれだけ! 本当はクラス名の「fir
![CSS3で画像を一切使わずに美しいナビを作ってみた!(IE対策もしてみた) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa376e7914ba28c84d0a06c8b2b20b2f5ba9f848/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2012%2F06%2Ftitle1-1.jpg)