さてさて、そろそろCSS3が普通に利用されてきてますね。なんてったてスマートフォン市場が拡大してるので そんで、PCやスマートフォンやタブレットにあったレスポンスデザインが今後増えていくとなると、可変に対応できるのがいいかなと思いまして。 そうなるとグローバールナビゲーションも今後はCSS3でグラデーションなどで装飾が出来るようになるので可変対応しやすいと思うので、可変に対応したナビゲーションのCSSをメモる。 CSS3を利用して横並びにする ますはhtmlを下記のように組みました。まぁよくあるリストタグを利用したパターンです。 以前の場合だとリストタグを「float:left」のようにフローとを利用してましたが,CSS3の「display:box」を利用して横並びにします。 とりあえずグローバルナビゲーションを作りたいのでpaddingやmarginやリストなどは、無しの設定にしておきま
![CSS3で作る可変タイプのナビゲーション - Web.fla](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f5d332c0f62e4bf737d2acb4e0a83fc6a3dca54/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fthe-zombis.sakura.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F08%2Fcss-icon.jpg)