Sei sulla pagina 1di 2

Código página acceso.

html
<!doctype html>

<html>

<header>

<title>Acceso</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="estilos.css">

</header>

<main>

<section>

<div class="contenedor" align="center">

<fieldset>

<img src="acceso.png" width="100%" height="100%">

</fieldset>

<form>

<fieldset>

<legend align="center">Acceso</legend>

<label>Usuario</label><br>

<input type="text" name="usuario" required><br>

<label>Password</label><br>

<input type="Password" name="clave" required><br>

<br>

<fieldset>

<legend>Acciones</legend>

<input type="button" name="ingresar"


value="Ingresar">

<input type="button" name="registrarse" value="Registrarse">

</fieldset>

</fieldset>

</form>

</div>
</section>

<center><br>

<footer>

<hr><center>Coporation MarLev@2018-2019<hr>

</footer>

</main>

Código hoja de estilos.css


fieldset {

text-align: left;

background-color:#8FBC8F;

width: 20em;

position: relative;

display: block;

margin-left: 2px;

margin-right: 2px;

padding-top: 0.35em;

padding-bottom: 0.625em;

padding-left: 0.75em;

padding-right: 0.75em;

border: 2px groove;

Potrebbero piacerti anche