Ver ejemplo:Código CSS:(entre <head> y </head>)
<style>
#menuhoriz a:link, a:visited {
text-decoration: none;
}
#menuhoriz a:hover {
text-decoration: none;
}
#menuhoriz ul li {
display: inline;
}
#menuhoriz ul li {
display: inline;
padding: 2px 7px; /*Separar el texto*/
margin:5px; /* Separar los botones */
background-color:#E4E4E4; /* Color de fondo */
}
#menuhoriz ul li:hover {
background-color:#CCCCCC; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
#menuhoriz ul {
/* Linea para delimitar la botonera */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4;
}
</style>
En el lugar del menu:
<div id="menuhoriz">
<ul>
<li><a href='#'>Inicio</a></li>
<li><a href='#'>Entradas Rss</a></li>
<li><a href='#'>Comentarios Rss</a></li>
<li><a href='#'>Otro</a></li>
<li><a href='#'>Contácto</a></li>
</ul>
</div>
0 comments:
Post a Comment