码迷,mamicode.com
首页 > 其他好文 > 详细

第七天的学习

时间:2016-10-20 00:50:19      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:第七天

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title></title>

<style>

.a{

width: 1000px;

height:500px;

background-color: blue;

background-image: linear-gradient(blue, white); 

/*background-repeat: no-repeat;*/

margin: 0 auto;

}

.yhm{

width: 200px;

height: 100px;

margin: 0 auto;

font-size: 50px;

}

.normal{

border-width: 4px;

border-style: dashed  solid solid;

border-radius: 10px;

border-color: red;

width: 300px;

height: 30px;

margin: 0 auto;

}

.jz{

margin:0 auto;

width: 300px;

height: 80px;

}

.jz1{

width: 55px;

height: 30px;

margin: 0 auto;

}

.yhm1{

width: 200px;

height: 100px;

margin: 0 auto;

font-size: 50px;

}

</style>

</head>

<body>

<div class="a">

<div class="yhm">用户登录</div>

<div class="jz"><input  class="normal" type="text" name="登录" placeholder="请输入用户名"></div>

<div class="jz"><input  class="normal" type="text" name="mail" placeholder="请输入邮箱"></div>

<div class="jz"><input  class="normal" type="text" name="password" placeholder="请输入密码"></div>

<div class="jz1"><input type="submit" name="security code" value="提交"></div>

</div>

</body>

</html>


第七天的学习

标签:第七天

原文地址:http://12155720.blog.51cto.com/12145720/1863617

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!