Первый вариант
Код CSS (цвет текста и фона меняйте по вкусу) между тегами <head> </head>:
Код CSS (цвет текста и фона меняйте по вкусу) между тегами <head> </head>:
<style>
#menu_site1 { float:left; width:567px; background:#C0C0C0; font: bold 12pt Verdana; height: 23pt; }
#menu_site1 ul { margin:0; padding:0 0 0 0; list-style:none; }
#menu_site1 li { display:inline; margin:0; padding:0; }
#menu_site1 a { float:left; background:#FFF; no-repeat left top; margin:0; padding:0 0 0 2; text-decoration:none; }
#menu_site1 a span { display:block; background:#404040; no-repeat right top; padding:2 4 2 4; color:#FFF; }
#menu_site1 a span { float:none; background:#404040; }
#menu_site1 a:hover span { color:#FFFF00; }
#menu_site1 a:hover { background:#FFF; }
#menu_site1 a:hover span { background:#FF0000; }
</style>
Код HTML (количество страниц по необходимости) между тегами <body> </body>:
<div id="menu_site1">
<ul><b>
<li><a href="#1"><span>страница 1</span></a></li>
<li><a href="#2"><span>страница 2</span></a></li>
<li><a href="#3"><span>страница 3</span></a></li>
<li><a href="#4"><span>страница 4</span></a></li>
<li><a href="#5"><span>страница 5</span></a></li>
</b></ul>
</div>
Второй вариант
Код CSS (цвет текста и фона меняйте по вкусу) между тегами <head> </head>:
<style>
#tabs { font: bold 9.5pt Verdana; }
#menublok { float:left; margin: 0; padding: 8px 0px; width:530; background:#575656; font-size:93%; line-height:normal; }
ul#menulist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; }
ul#menulist li { float: left; font: bold 9.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; }
#menulist a,
#menulist a:link { margin: 0; padding: 7px; color: #fff; border: 4px solid #575656; text-decoration: none; }
#menulist a:hover { color: #fff; border: 4px solid #fff; }
</style>
Код HTML (количество страниц по необходимости) между тегами <body> </body>:
<div id="menublok">
<ul id="menulist">
<li><a href="#"><span>страница 1</span></a></li>
<li><a href="#"><span>страница 2</span></a></li>
<li><a href="#"><span>страница 3</span></a></li>
<li><a href="#"><span>страница 4</span></a></li>
<li><a href="#"><span>страница 5</span></a></li>
</ul> </div>
... Дерзайте ...
