用html做的一个登录框

原创 2019-04-15 14:20:04 582
摘要:<!DOCTYPE html><html><head> <title>登录框</title></head><style type="text/css">*{margin:0 padding:0;}body{ background:#999; }.login { width:300px; marg

<!DOCTYPE html>

<html>

<head>

<title>登录框</title>

</head>

<style type="text/css">

*{margin:0 padding:0;}

body{ background:#999; }

.login { width:300px; margin:100px auto; padding:10px 20px; background:#fff; border-radius: 5px; text-align: center; }

.pic {width:80px; height: 80px; border-radius: 50%; background:#eee; text-align: center; margin:0 auto 10px;}

.login input { width:100%;height: 30px; line-height: 30px; outline: none;

border-radius: 5px; border:1px solid #eee; margin-bottom:15px;}

.submit { width:100%; height: 40px!important; border:0;outline: none; border-radius: 5px; background:#ed4040;color:#fff; }

</style>

<body>

<div class="login">

<p class="pic"></p>

<form method="post" action="">

<input type="text" name="" placeholder="请输入用户名"><br>

<input type="text" name="" placeholder="请输入密码"><br>

<input type="submit" name="" value="登录" class="submit"> 

</form>


</div>

</body>

</html>


批改老师:韦小宝批改时间:2019-03-14 13:14:31
老师总结:嗯 所以你的作业呢 ? ? 找时间把这个作业重新写一下 嗯 所以你的作业呢 ? ? 找时间把这个作业重新写一下 嗯 所以你的作业呢 ? ? 找时间把这个作业重新写一下 嗯 所以你的作业呢 ? ? 找时间把这个作业重新写一下

发布手记

热门词条