Простое меню для светлого дизайна

Такой вид навигации подойдет для серьезного сайта, например, для сайта с новостями и обсуждениями на политические темы. В этом меню не используются изображения, в этом и выражается его простота. Говоря о том, что меню простое, на ум приходят стандартные цвета ссылок без использования каскадного стиля, но уверяю вас, это не так. Здесь, разумеется, не стандартные цвета, и шрифт в меню используется качественный. Над цветовым оформлением особо не задумывались, были взяты серьезные цвета: серый и черный. Больше, конечно, серого, т.к. это простое меню для светлого дизайна...

Пример



Код CSS

<style> #mmenu { background:#efefef; font-size:8pt; font-family:verdana; height:30px; line-height:30px; overflow:hidden; } #mmenu li { list-style-type:none; float:left; } #mmenu a { padding:8px; color:#000000; text-decoration:none; } #mmenu a:hover { padding:8px; color:#efefef; text-decoration:none; background:#000000 } </style>

Код HTML

<ul id="mmenu"> <li><a href="#">Главная</a></li> <li><a href="#">Новости</a></li> <li><a href="#">О сайте</a></li> <li><a href="#">Обратная связь</a></li> </ul>