Для написания меню используем CSS. для начала нам потребуются 2 картинки. например эти Далее в html документе создаём новый div, придадим ему класс sitemenu, в div запихнём ссылки 代码: <html> <head> <style></style> </head> <body> <div class="sitemenu"> <a href="http://mmorpg-devs.ru/">Страница1</a> <a href="http://mmorpg-devs.ru/">Страница2</a> <a href="http://mmorpg-devs.ru/">Страница3</a> <a href="http://mmorpg-devs.ru/">Страница4</a> <a href="http://mmorpg-devs.ru/">Страница5</a> </div> </body> </html> Далее надо в CSS описать вид ссылок внутри именно этого div (sitemenu) Все ссылки бывают активными(ссылка на страницу на которой вы уже находитесь) простой, уже посещённой и ссылкой на которую наведён курсор. a:active, a:link, a:visited, a:hover соответственно. Поскольку ссылки находятся внутри дива, то в css это пишется так: .moremenu a:active, .moremenu a:link, .moremenu a:visited, .moremenu a:hover нам нужно чтобы ссылки были на фоне картинок, а при наведении картинка менялась пишем 代码: <html> <head> <style> .sitemenu a:link { background: url(menu1.png); padding-top: 0px; color: #ffffff; width: 140px; height: 30px; float: right; margin: 0; font: 11px/25px georgia, verdana, palatino, times new roman, serif; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-align: center; } .sitemenu a:active { background: url(menu1.png); padding-top: 0px; color: #ffffff; width: 140px; height: 30px; float: right; margin: 0; font: 11px/25px georgia, verdana, palatino, times new roman, serif; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-align: center; } .sitemenu a:visited { background: url(menu1.png); padding-top: 0px; color: #ffffff; width: 140px; height: 30px; float: right; margin: 0; font: 11px/25px georgia, verdana, palatino, times new roman, serif; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-align: center; } .sitemenu a:hover { background: url(menu2.png); padding-top: 0px; color: #000000; width: 140px; height: 30px; float: right; margin: 0; font: 11px/25px georgia, verdana, palatino, times new roman, serif; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-align: center; } </style> </head> <body> <div class="sitemenu"> <a href="http://mmorpg-devs.ru/">Страница1</a> <a href="http://mmorpg-devs.ru/">Страница2</a> <a href="http://mmorpg-devs.ru/">Страница3</a> <a href="http://mmorpg-devs.ru/">Страница4</a> <a href="http://mmorpg-devs.ru/">Страница5</a> </div> </body> </html> написанное нами css говорит о том что у ссылок есть задний фон с размерами 140 на 30 в виде картинки, у a:link, a:active, a:visited фон и цвет шрифта один а у a:hover он другой 浏览附件sitemenu.rar