ブロックメニューの作成 (右クリック→ソースの表示でhtmlと説明付css開示)

(cssは正式にはこのhtmlと同じフォルダ内のcssフォルダ 内のmystyle.cssに記述する)

1st.step

ul,liでメニューを記述する。(ソース参照)

2nd.step

aタグをブロック要素を追加し形を整える。
CSSの [[id="topmenu"]]参照。

3rd.step

外枠となるulに、横幅、高さ、、背景、表示方法等の指定を行う。
CSSの [[id="topmenu1_kai"]]参照。

3rd.step_オプション

上記例のブロックを外枠に対しボタンの様にする場合
CSSの [[id="topmenu2_kai"]]参照。