Crear cuenta
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<header>
<h1>Desarrollo Web</h1>
<nav>
<ul>
<li><a href="#">Informacion</a></li>
<li><a href="#">Lenguajes</a></li>
<li><a href="#">Imagenes</a></li>
<li><a href="#">Ejemplos</a></li>
</ul>
</nav>
<p>Desarrollo web significa construir y mantener sitios web; es el trabajo que tiene lugar en un segundo plano y que permite que una web tenga una apariencia impecable, un funcionamiento rápido y un buen desempeño para permitir la mejor experiencia de usuario. Los desarrolladores web son como duendes con poderes: nunca los ves, pero son los que hacen que todo esté bien y funcione de manera rápida y eficiente.</p>
</header>
</body>
</html>
*{
margin: 0; padding: 0;}body{}header{ margin:auto; height: 300px;background-image: url(header.jpg);
background-size: 100% 100%;
padding-top: 15px;
}h1{ float: left;font-size: 40px;
margin-left: 50px;
font-weight: 100;
color: rgb(240, 240, 240);
}nav{ float: right;margin-top: -10px;
margin-right: 200px;
}nav ul li{display: inline-block;
margin-left: -15px;
}nav ul li a{text-decoration: none;
font-size: 25px;
padding: 20px; display: block;color: #e5e5e5;
}header p{ float: right; padding: 20px;padding-top: 80px;
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: 200;
}header{color:rgb(0,0,0,0.2);
}header h1 {color:rgb(0,0,0,1);
}header{ margin:auto; height: 300px;background-size: 100% 100%;
padding-top: 15px;
position:relative;}header:after {
content:"";
display:block; position:absolute; top:0; left:0;background-image: url(header.jpg);
width:100%;
height:100%;
z-index:-1;
opacity:0.2;
}