博客列表 >12号作业

12号作业

大红仓的博客
大红仓的博客原创
2019年03月13日 11:54:44643浏览

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>学习登录</title>

<style>

*{margin:0;padding:0;}

body{

background: #151517;

}

div{

width:400px;

height: 350px;

margin: 200px auto;

background: rgba(188,185,198,0.5);

border-radius: 10px;

text-align: center;

}

img{

width:80px;

border-radius: 50%;

margin-top: 30px;


}

input{

width:300px;

height: 30px;

margin-top: 15px;

border-radius: 6px;

border:none;

padding-left: 15px;

}

button{

border:none;

width:200px;

height:35px;

border-radius: 6px;

background: #151517;

color: #fff;

margin-top: 30px;

}

</style>

</head>

<body>

<div>

<img src="http://www.jf258.com/uploads/2015-05-16/193530357.jpg">

<form action="" method="">

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

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

<button>登 录

</button>

</form>

</div>


</body>

</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议