高機能なセレクターをお持ちであれば、ドロップダウンメニューは簡単作ることができます。好きなCSS3プロパティを入れてみると、背景画像やJavaScriptでしか得るこのできなかったデザインを作り出せます。下記のチュートリアル通りにCSSドロップダウンメニューを作ってみてください。
メニューを開くと、2つのサブカテゴリも開きます。最初のサブリンクはメインナビゲーションバーに下に現れ、2番目は最初のドロップダウンから垂直に伸びています。CSSドロップダウンメニューのデモ動画を見てみて早速行動に移りましょう。
HTML構造
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Inspiration</a></li>
</ul>
</nav>
まず第1に、CSSメニューのた
スポンサーリンク
【わかりやすい！】素朴なCSSドロップダウンメニューの作り方
マーケティング最新
コメント