Red de conocimientos turísticos - Lugares de interés turístico - Diseño web HTML: ¡un código de interfaz de inicio de sesión simple!

Diseño web HTML: ¡un código de interfaz de inicio de sesión simple!

<! doctype html & gt

& 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;

}