CODIGO HTML
Código:
CODIGO CSS<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<div id="cuerpo">
<div>
<hgroup>
<h1>TITULO</h1>
</hgroup>
</div>
<div id="navegacion">
<header>
<nav>
<ul id="menu">
<li>Inicio</li>
<li>Servicios</li>
<li>Contacto</li>
<li>Registro</li>
</ul>
</nav>
</header>
</div>
<div id="contenido">
<section>
<div id="cont-ini">
</div>
<div id="cont-form">
<div id="formulario">
<form id="loggin" method="post" action="">
<label for="Usuario">Usuario</label>
<input type="text" name="Usuario">
<label for="Contraseña">Contraseña</label>
<input type="password" name="Contraseña">
</form>
</div>
</div>
</section>
<div id="P-pag">
<footer>
</footer>
</div>
</div>
</div>
</body>
</html>
Código:
@charset "utf-8";
/* CSS Document */
body{
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
nav ul li{
display:inline-block;
margin-right:7px;
padding:5px;
cursor:pointer;
}
nav ul li:hover{
background-color: #999;
border-radius:5px;
}
#navegacion{
text-align:center;
background:#CCC;
border-radius:5px;
font-weight:bold;
}
hgroup h1{
text-align:center;
border-bottom:solid;
padding:10px;
border-width:1px;
border-color:#1d1d1d;
text-shadow:0px 0px 30px rgba(0,0,0,0.5);
}
#cuerpo{
width:960px;
margin:0 auto;
}
#contenido{
width:auto;
height:400px;
}
#cont-ini{
display: inline-block;
vertical-align:top
position:absolute;
width:750px;
height:400px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#cont-form{
display: inline-block;
vertical-align:top;
width: 188px;
height: 400px;
padding-left:10px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
#formulario{
}
#P-pag{
padding-top:3px;
width:951px;
height:110px;
box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
