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

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

1st.step

ul liでメニューを記述する。(ソース参照)
CSS未設定では下記のように縦に表示される。

2nd.step

liタグをインラインで表示し、メニュー間の余白を設定する。
CSSの [[id="topmenu] /* 2nd.step用CSS */]参照。

3rd.step

メニューの色と下線、マウスオーバー時の色を指定
CSSの [[id="topmenu1_kai] /* 3rd.step用CSS */ ]参照。