Menú de navegación

Vamos a conocer algunas propiedades que nos permiten generar menús de navegación. (artículo en desarrollo)

Html

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Solo Menú</title>
	<link rel="stylesheet" href="solo-menu.css" type="text/css">
</head>
<body>
	<nav>
		<ul>
			<li><a href="#">Inicio</a></li>
			<li><a href="#">Nosotros</a></li>
			<li><a href="#">Productos</a></li>
			<li><a href="#">Contacto</a></li>
		</ul>
	</nav>
</body>
</html>

Css

nav{
	background-color: chocolate;
	height: 50px;
	text-align: center;
}
nav ul li{
	display: inline;
}
nav ul li a{
	text-decoration: none;
	font-size: 40px;
	margin-right: 50px;
}
nav ul li a:hover{
	color:#fff;
	background-color: #000;
}

1 Comment

  1. Hola buenas tardes me agrada mucho tu website porque explicas sencillo y con cortas explicaciones pero hay unas cosas que no concuerdan con los videos o en mi opinion hace falta mas información por ejemplo en el menu de navegación.
    Gracias por todo
    Nota: tienes un error o te comiste una letra en uno de tus apuntes en css no me acuerdo en cual

Comentarios cerrados.