html - 制作按钮链接

Question

我有兴趣使我网站上的悬停按钮可点击，但不知道如何操作。我的网站在这里:http://mathisbeauty.org/

页面本身的相关代码看起来像

<div id="bar">
    <div class="menuLink"><a href="index.html">Home</a></div>
    <div class="menuLink"><a href="videos.html">Videos</a></div>
    <div class="menuLink"><a href="articles.html">Articles</a></div>
    <div class="menuLink"><a href="links.html">Links</a></div>
    <div class="menuLink"><a href="aboutme.html">About me</a></div>
</div>

CCS 是(我相信!)

.menuLink
{
    height:36px;
    width: 120px;
    text-align:center;
    float:left;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#252F33;
    padding-top:19px;
}
menuLink:hover
{
background: url(bar2.png) repeat-x;
}

非常感谢任何帮助。

Answer 1

你的代码是正确的，但这就是你要找的？

http://designshack.net/articles/css/four-simple-and-fun-css-button-hover-effects-for-beginners/