正在回答 回答被采纳积分+1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rigister</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="register">
<p class="title">
<span>登 录</span>
<span class="current">注 册</span>
</p>
<div class="form">
<div>
<span>+86</span>
<input type="text" name="user" id="user" placeholder="请输入注册手机号" autocomplete="off">
<i></i>
<p class="info"></p>
</div>
<div>
<input type="password" name="password" id="password" placeholder="请设置密码">
<i></i>
<p class="info"></p>
</div>
<p class="button">
<a href="javascript:;" id="sigup-btn" class="btn">注册</a>
</p>
</div>
</div>
<span class="a">00</span>
</body>
</html>
css
*{
margin: 0;
padding: 0;
}
body{
background-color: #333;
}
.register{
width: 300px;
height: 270px;
margin: 80px auto;
padding: 15px 30px;
background-color: #eee;
border-radius: 5px;
}
.title{
height: 35px;
}
.title span{
font-size: 16px;
font-weight: bold;
color: #666;
margin-right: 30px;
cursor: pointer;
}
.title span.current{
color: #f00;
}
.form div{
width: 290px;
height: 30px;
border-radius: 8px;
background: #fff;
margin-bottom: 25px;
padding: 8px 10px;
}
.form div span{
display: inline-block;
padding-top: 5px;
color: #666;
}
.form div input{
border: none;
}
.a{
margin:10px 20px;
}
我测试的是span 的margin 上下左右都不好使呀？
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星