整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

全家福新拍法!登录百胜中国各网络平台多套模板玩穿越

节是团聚的节日,很多家庭会举家前往照相馆,换上得体大方的衣服,按照长幼位置坐好,拍一张全家福照片。想过用全新的方式来一张庆祝新春的全家福吗?作为央视财经频道携手百胜中国推出“厉害了我的国·改革开放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>
在这里插入图片描述

手向,大佬轻喷