Html 制造<；a>；可在整个系统中单击链接<；李>；

请看一下：

这是我的html：

    <nav id="mainNav">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="projects.html">Our Projects</a></li>
            <li><a href="team.html">Our Team</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>
    </nav>

---

只有当我将光标放在文本链接上方并单击时，链接才会被激活。我想能够点击黑暗的“李”的背景内的任何地方，并激活相应的链接。这是怎么可能的？

只能单击链接（文本），因为

通过演示更新：

您可以试试这个（）

---

您可以这样尝试：

<li onclick="location.href='index.html'">Home</li>

将标签移到li标签的外侧

• 亚历克斯

<a href="index.html"><li>Home</li></a>

#mainNav ul li a {
    display:inline-block;
    width:100%;
}

<li onclick="location.href='index.html'">Home</li>