きれいなメニューリストの作り方について

http://park1.wakwak.com/~pocky/copipe/index.html　や
http://polymer.main.jp/nikibi/のクイックメニュー　や、
http://www.ictnet.ne.jp/~kudoh/stylesheet/conten …
　などの、マウスが乗ると色が変わり、そして文字などに下線がつかないような、きれいなメニューリストの作り方が、ソースをみてもよくわかりません。
どなたか、作り方を知っている方がいたら、教えてください、お願いします。

No.2 ベストアンサー 回答者： noname#20964 回答日時： 2006/07/12 19:48

/*マウスが乗っていないときのa要素のスタイル*/

.Menu a {
display:block;/*paddingやmarginがDIVのように使えるようにしています*/
padding:適当な数値;
text-decoration:none;/*a要素の下線をなくしています。*/
border-style:適当なキーワード;
border-width:適当な太さ;
border-color:適当な色;
background-color:適当な色;
color:適当な色;
}
/*マウスが乗っているときのa要素のスタイル*/
.Menu a {
border-style:適当なキーワード;
border-width:適当な太さ;
border-color:適当な色;
background-color:適当な色;
color:適当な色;
}
<div class="Menu">
普通にリンクを書く
</div>

こんなところで如何でしょうか。

No.1 回答者： Mechirun 回答日時： 2006/07/12 18:50

マウスが乗ると色が変わるのはJavaScriptを使えばできますが。

http://www.tohoho-web.com/wwwxx001.htm
こんな感じで色を変えたものをもう一つ用意すればできます。

リンク文字の下にアンダーラインを引かないのはスタイルシートで最初に指定してやれば可能です。

この回答への補足

ありがとうございます。
しかし、ページを軽くするためにも、画像を使わないでやりたいのですが…。

補足日時：2006/07/12 19:02