blog::tani.masaru

HTMLのお勉強です。まずCSSとリストタグを使ってメニューを作ります。これを徐々にカスタマイズしていって、最終的に実現したいものを作ります。

まずベースになるものは下記のような形。管理するためにidだけ振っておく。

• メニュー１
• メニュー２
• メニュー３

<ul id="mene-sample">
<li id="item01"><a href="#">メニュー１</a></li>
<li id="item02"><a href="#">メニュー２</a></li>
<li id="item03"><a href="#">メニュー３</a></li>
</ul>

ここまでで準備は終了。次に実際にメニューを組み立ててみる。

【目次】
1. CSSとリストタグを使ってメニューを作る（準備編）
2. CSSとリストタグを使ってメニューを作る（基礎編）
3. CSSとリストタグを使ってメニューを作る（カスタマイズ編）
4. CSSとリストタグを使ってメニューを作る（カスタマイズ編２）
5. CSSとリストタグを使ってメニューを作る（カスタマイズ編３）