<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=640px, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>注册集财账号</title>
<link rel="stylesheet" type="text/css" href="http://ask.dcloud.net.cn/../css/reset.css"/>
<link rel="stylesheet" type="text/css" href="http://ask.dcloud.net.cn/css/header.css"/>
<style>
html {
font-size: 62.5%;
background: #FFFFFF;
}
.phone {
width: 80%;
display: block;
text-align: center;
border: none;
border-bottom: .1rem solid #d8d8d8;
/*color: #5d5d5d;*/
color: red;
font-size: 4.2rem;
margin-left: auto;
margin-right: auto;
}
.wrap_phone,
.wrap_next {
margin-bottom: 3.9rem;
}
.next {
height: 8.1rem;
width: 50.4rem;
display: block;
font-size: 3.2rem;
background: none;
margin-left: auto;
margin-right: auto;
border: .3rem solid #a6a6a6;
border-radius: .5rem;
}
.wrap_agree{text-align: center;}
.wrap_agree span {
display: inline-block;
font-size: 2.1rem;
color: #00cd98;
}
</style>
</head>
<body>
<header>
<img src="../img/phone.jpg" alt="" />
</header>
<article>
<section class="wrap_phone">
<input class="phone" type="text" name="" id="" value="13800000000" />
</section>
<section class="wrap_next"><input class="next" type="button" name="" id="" value="下一步" /></section>
<section class="wrap_agree"><span>√</span><span>我已经同意</span><span>使用条款</span></section>
</article>
</body>
</html>
烟雨江南
- 发布:2015-05-27 10:48
- 更新:2015-05-27 11:11
- 阅读:1276
这是请教狗哥的问题。
分类:HTML5+