整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
节是团聚的节日，很多家庭会举家前往照相馆，换上得体大方的衣服，按照长幼位置坐好，拍一张全家福照片。想过用全新的方式来一张庆祝新春的全家福吗？作为央视财经频道携手百胜中国推出“厉害了我的国·改革开放40年”系列活动的重要组成部分，2月14日起“幸福照相馆”上线。每个人都可以用自己的手机，用更加个性、富有趣味、简单便捷的方式为复刻一张带有时代风格的全家福。
用户可通过百胜中国旗下肯德基品牌、必胜客品牌官方微信、微博、客户端；塔可贝尔品牌、小肥羊品牌官方微信、微博找到活动入口，点击进入H5页面，根据页面提示选择不同风格的全家福模板，模板分78年至88年代风格、88年至98年代风格、98年至08年代风格、08年至18年代风格、萌萌哒熊猫风格5种，每种10个人物场景可供选择。
照相馆入口：https://tu.qq.com/websites/2018family/index.html?share=xwcb
权威信息发布中心、历史文化传承基地、百万网友互动平台，欢迎关注“石家庄发布”！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
/*总体的样式*/
<style>
/*盒子样式*/
#box{
width: 350px; //宽
height: 450px; //高
border: 1px solid black; //边框
border-radius: 10px; //边框弧度
font-family: 黑体; //字体
letter-spacing:8px; //段间距
word-spacing: 10px; //字间距
line-height: 40px; //行高
font-size: 18px; //字大小
padding: 20px; //内边框
}
/*给'注册'赋予样式*/
.register{
width:280px ; //宽
height: 50px; //高
background-color: skyblue; //背景颜色
border-radius: 10px; //边框弧度
}
/*将所有边框都改变*/
*{
border-radius: 5px; 边框弧度
}
/*使用class选择器，赋予number宽高和边框*/
.number{
width: 185px; //宽
height: 27px; //高
border-width: 1px; //边框宽度
}
/*id选择器*/
#two{
width: 55px; //宽
border-width: 1px; 边框宽度
}
/*id选择器*/
#phone{
width: 103px; //宽
}
/*class 选择器*/
.boxs{
zoom: 75%; //清除浮动
color: darkgray; //颜色
}
/*class选择器*/
.box_a{
width: 50px; //宽
height: 50px; //高
background-image: url("../image/04.jpg "); //背景图片
background-repeat: no-repeat; // 是否平铺
background-size: 50px 25px; //背景尺寸
position: relative; //定位 相对定位
left: 310px; //定位后左移
bottom: 32px; //定位后下移
}
</style>
</head>
<body>
<div id="box">
<h1>请注册</h1>
<p style="color: darkgray">已有帐号?<a href="https://im.qq.com/index">登录</a></p>
<form action="" method="post">
<label for="name">用户名</label>
<input type="text" placeholder="请输入用户名" id="name" class="number"> <br>
<label for="phone">手机号</label>
<select name="" id="two" class="number">
<optgroup>
<option style="" class="">+86</option>
</optgroup>
</select>
<input type="text" placeholder="请输入手机号" id="phone" class="number"> <br>
<label for="mima">密 码</label>
<input type="password" placeholder="请输入密码" id="mima" class="number"> <br>
<label for="mima">验证码</label>
<input type="password" placeholder="请输入验证码" id="is" class="number">
<div class="box_a"></div>
<div class="boxs">
<input type="radio" id="" class="accept">阅读并接受协议<br>
</div>
<input type="submit" value="注册" class="register" >
</form>
</div>
</body>
</html>
在这里插入图片描述手向，大佬轻喷
*请认真填写需求信息，我们会在24小时内与您取得联系。
