Графика >> Меню

#menu {
  width:150;
  height:30;
  text-align:center;
  background:#e6e6e6;
  border:1px dashed #999;
  letter-spacing:0.2em;
  font-family:verdana;
}
#menu:hover {
  background:#f1f1f1;
  text-align:center;
  letter-spacing:0.5em;
}
a.menu {
  color:#6f6f6f;
  text-decoration:none;
}

<table>
<tr>
<td id="menu"><a href="index.html" class="menu">Главная</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>

<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</table>

<table>
<tr>
<td id="menu"><a href="index.html" class="menu">Главная</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
<tr>
<td id="menu"><a href="#" class="menu">Ссылка</a></td>
</tr>
</table>