html - 单击html中的列表项

Question

我正在尝试单击列表项以激活超链接，

目前我有一个超链接列表，但我希望用户能够单击列表项来导航而不是显示的文本。

<ul>
<li>
<a Class=MenuLink href="Index.php">Index</a>
 </li>
<li>
</ul>

是否可以使列表项可点击？或者当超链接悬停时是否可以改变列表项的背景？

谢谢，

马特

Answer 1

http://jsfiddle.net/NWS6J/

将.MenuLink元素设置为display: block：

.MenuLink {
    display: block
}

然后它们将覆盖整个区域li。您可以更改background-color上的元素:hover：

.MenuLink:hover {
    background: red
}