codigo HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="javascript" content="practicas de javascript">
<title>Javacript</title>
<link rel="stylesheet" href="estilos2.css" type="text/css">
</head>
<body>
<form>
<fieldset>
<label for="nombre">Nombre:</label>
<input type="text" id="nom" class="rem" autofocus><br>
<label for="mail">Email:</label>
<input type="text" id="ml" class="rem1"><br>
<input type="submit" value="Entrar" class="btn">
</fieldset>
</form>
</body>
</html>
CODIGO CSS
fieldset {
width:230px;
height:130px;
border:1px solid red;
}
.rem {
border:1px solid black;
}
.rem1 {
border:1px solid black;
margin-left:20px;
}
.btn {
width:60px;
height:40px;
background-color:aqua;
color:black;
font-family:Arial;
font-size:15px;
font-weight:bold;
margin-top:10px;
padding-top:0 auto;
}
.btn:focus {
background-color:red;
color:black;
padding-top:20px;
}
.btn:hover {
background-color:black;
color:aqua;
}
