このサイトの上と左にあるメニューはマウスのカーソルを合わせると色が変わったりして、いかにもJavaScriptを駆使している風だが、実際に使っているのは<A>タグとスタイルシートだけだ。例えばこんな感じ。
上のコードの display:block; というスタイルがミソ。これでA要素がDIV要素と同じブロック要素としてレイアウトできるようになるのだ。border-colorで濃淡をつければ、立体的に見える。A:hover でマウスポインタを載せたときの背景と枠線の色を決めれば一丁上がり。

A要素としてのリンクの機能はそのまま使えるから ONCLICK="どうちゃらこうちゃら" などのスクリプトを書く必要は一切ない。普通のAタグと同じように <a href="飛び先">ボタン名</a> と書くだけでメニュー項目のようになる。

もう少し凝ればプルダウンメニューのようにもできる（要JavaScript）。
詳しくは拙著「ava+MySQL+Tomcatで始めるWebアプリケーション構築入門」に書いたので興味があれば参考にしてほしい。