Туториалы >> Меню

#menu {
  width:200;
  background-color:#fff;
  border-left:7px solid #cccccc;
  border-right:7px solid #cccccc;
  height:30;
  text-align:center;
  font-style:italic;
}
#menu:hover {
  width:200;
  background-color:#d5e9dd;
  border-left:7px solid #337f82;
  border-right:7px solid #337f82;
  font-style:italic;
  font-weight:bold;
}
a.menu {
  color:#6c4f92;
  text-decoration:none;
  font-size:16;
}

<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>
</tr>
</table>

<table width="200">
<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>
</table>