yige.org 试一个

<!DOCTYPE html>
<html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a
{
display:block;
width:60px;
background-color:#dddddd;
}
</style>
</head>

<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<p>为了显示出链接区域，我们为链接添加了背景色。</p>
<p>请注意，全部链接区域都是可点击的，不仅仅是文本。</p>
</body>
</html>

结果:

编辑上面的代码，点击查看结果。

yige.org - 试一个