Menu sencillo 3
<style type="text/css"> <!-- #menu { font-family: Arial; font-size: 0.8em; } #menu li { float: left; list-style-type: none; } #menu ul { margin: 0; padding: 0; } #menu a { display: block; text-decoration: none; color: #6643ff; background: #f0edff; padding: 3px 10px 3px 10px; text-align: center; border: 1px solid #6643ff; border-width: 1px 1px 1px 0; } #menu a#primero { border: 1px solid #6643ff; } #menu a:hover { background: #d6ccff; } --> </style>
<div id="menu"> <ul> <li><a href="http://www.tuenlace.htm" id="primero">Enlace 1</a></li> <li><a href="http://www.tuenlace.htm">Enlace 2</a></li> <li><a href="http://www.tuenlace.htm">Enlace 3</a></li> <li><a href="http://www.tuenlace.htm">Enlace 4</a></li> <li><a href="http://www.tuenlace.htm">Enlace 5</a></li> <li><a href="http://www.tuenlace.htm">Enlace 6</a></li> <li><a href="http://www.tuenlace.htm">Enlace 7</a></li> <li><a href="http://www.tuenlace.htm">Enlace 8</a></li> <li><a href="http://www.tuenlace.htm">Enlace 9</a></li> </ul> </div>
