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

Разноцветное меню
Пример:
Ссылка Ссылка Ссылка Ссылка Ссылка
В CSS:

td.menu1 {
background:#161616;
color:#ffffff;
width:150;
height:50;
text-align:center;
border:0;
}

td.menu1:hover {
background:78009f;
}
td.menu2 {
background:#161616;
color:#ffffff;
width:150;
height:50;
text-align:center;
border:0;
}

td.menu2:hover {
background:0600ff;
}

td.menu3 {
background:#161616;
color:#ffffff;
width:150;
height:50;
text-align:center;
border:0;
}

td.menu3:hover {
background:009f16;
}
td.menu4 {
background:#161616;
color:#ffffff;
width:150;
height:50;
text-align:center;
border:0;
}

td.menu4:hover {
background:ff7200;
}
td.menu5 {
background:#161616;
color:#ffffff;
width:150;
height:50;
text-align:center;
border:0;
}

td.menu5:hover {
background:ff0000;
}

a.menu {
color:ffffff;
font-family:georgia;
font-size:20;
text-decoration:none;}

В место, где будет находиться меню:

<table>
<tr>
<td width="150" class="menu1">
<a href="" class="menu">Главная</a></td>
<td width="150" class="menu2">
<a href="" class="menu">Ссылка</a></td>
<td width="150" class="menu3">
<a href="" class="menu">Ссылка</a></td>
<td width="150" class="menu4">
<a href="" class="menu">Ссылка</a></td>
<td width="150" class="menu5">
<a href="" class="menu">Ссылка</a></td>
</tr></table>


Вернуться к списку