¿Cómo crear un menú con CSS?
Crear un menú vistoso y colorido es muy fácil con CSS en este tutorial les dejo el código completo para que lo puedan hacer, además un video-tutorial que explica paso a paso como hacerlo, espero que les guste y sea de mucha utilidad.
<html>
<head>
<title>Menú Horizontal</title>
<style type="text/css">
#menu {
padding:10px;
}
#menu li {
display:inline;
}
#menu li a {
font-family:arial;
font-size:15px;
text-decoration:none;
float:left;
padding:5px;
background:#505050;
color:#000;
}
#menu li a:hover {
background:#900;
color:#fff;
margin-top:-5px;
padding-bottom:10px;
margin-left:5px;
margin-right:5px;
font-size:17px;
font-family:"Times New Roman", Times, serif;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">INICIO</a></li>
<li><a href="#">CONTACTOS</a></li>
<li><a href="#">GALERIA</a></li>
<li><a href="#">VIDEOS</a></li>
</ul>
</body>
</html>
No hay comentarios:
Publicar un comentario