Diseño web HTML: ¡un código de interfaz de inicio de sesión simple!
& lthtml & gt
& lthead & gt
& ltmeta charset="utf-8"& gt;
<link href="main.CSS" type="text/CSS" rel="hoja de estilo">.
& lttitle & gtInterfaz de inicio de sesión
& lt/head & gt;
& ltbody & gt
& ltdiv class=" registro en _ico">.
& ltimg src = "imágenes/iniciar sesión _ico . png" & gt.
</div>
<div class="log in_Putin">.
<ul>
<李>& ltTipo de entrada="texto"></李>
<李& gt<Ingrese tipo="contraseña"></李>
</ul>
</div>
<div class="iniciar sesión _ BTN">.
& ltInput type="Enviar" Valor="Iniciar sesión"">
& lt/div & gt;
& lt/body & gt;
& lt/html & gt;
Estilo:
*{
Margen: 0;
relleno : 0; }
李{
tipo-estilo de lista: ninguno
margen: 0
relleno: 0; }
a{
Decoración de texto: Ninguna;
Color: # 000;}
/* -Botón* /
. Login_putin ul li enter {
Margen: 0;
Ancho: 70%;
Relleno: 1em 2em 1em 5,4 em; -webkit-border-radius:.
-moz-border-radius:.
Borde: 1px color sólido #999
}
. login_btn{
Ancho: 300px
Margen: 40px auto 0 auto
}
. login_btn entrada {
Ancho: 100%;
Margen: 0;
Relleno:. 5em 0;
-webkit-border-radius:.
-moz-border-radius:.
Borde: # 1263 ser sólido 1px;
Fondo: # 1b 85 FD
Color: # FFF
fuente- tamaño: 17px;
Peso de fuente: negrita
Espaciado entre letras: 1em; login_btn entrada: hover{
Fondo: # 1263 ser;
}