Hola que hay!!
Pues quiero publicar un menú que hice con HTML/CSS, es muy básico pero tiene un efecto, que cuando pasas el puntero en una opcion este sobre sale...
Aqui una captura de como Luce:
Y AQUI un demo...
Y aqui dejo el código:
Pues quiero publicar un menú que hice con HTML/CSS, es muy básico pero tiene un efecto, que cuando pasas el puntero en una opcion este sobre sale...
Aqui una captura de como Luce:
Y aqui dejo el código:
<html>
<head><title>Menu Con CSS by ZtuX</title>
<style type="text/css">
#menu
{
background-color:#000;
width: 800px;
margin:auto;
border:1px solid;
border-radius: 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align:center;
}
.lista
{
display:inline;
}
.lista a
{
color:#0f0;
list-style:none;
display:inline;
padding: 15px;
list-style:none;
text-decoration:none;
}
.lista a:hover
{
color:#0f0;
background-color:#333;
list-style:none;
display:inline;
padding: 5px;
text-decoration:none;
list-style:none;
link:none;
border:1px solid;
border-radius: 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
</style>
</head>
<body>
<h1 align="center">Menú Básico con HTML/CSS</h1>
<ul id="menu">
<li class="lista"><a href="#">Inicio</a></li>
<li class="lista"><a href="#">Mis productos</a></li>
<li class="lista"><a href="#">Sobre Mi</a></li>
<li class="lista"><a href="#">Contacto</a></li>
<li class="lista"><a href="#">Mas</a></li>
<li class="lista"><a href="#">Mas</a></li>
<li class="lista"><a href="#">Mas</a></li>
<li class="lista"><a href="#">Mas</a></li>
</ul>
</body>
</html>
Claro ustedes lo pueden editar a su gusto,
con los colores que quieran,
e incluso recomiendo que hagan una hoja de estilos a parte
y despues solo la vinculen con la pagina html...
def ZtuX()
print 'Saludos'
print 'By ZtuX'
Comments
0 Response to 'Menu Básico con HTML/CSS'
Publicar un comentario