整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
節(jié)是團(tuán)聚的節(jié)日，很多家庭會(huì)舉家前往照相館，換上得體大方的衣服，按照長(zhǎng)幼位置坐好，拍一張全家福照片。想過(guò)用全新的方式來(lái)一張慶祝新春的全家福嗎？作為央視財(cái)經(jīng)頻道攜手百勝中國(guó)推出“厲害了我的國(guó)·改革開(kāi)放40年”系列活動(dòng)的重要組成部分，2月14日起“幸福照相館”上線(xiàn)。每個(gè)人都可以用自己的手機(jī)，用更加個(gè)性、富有趣味、簡(jiǎn)單便捷的方式為復(fù)刻一張帶有時(shí)代風(fēng)格的全家福。
用戶(hù)可通過(guò)百勝中國(guó)旗下肯德基品牌、必勝客品牌官方微信、微博、客戶(hù)端；塔可貝爾品牌、小肥羊品牌官方微信、微博找到活動(dòng)入口，點(diǎn)擊進(jìn)入H5頁(yè)面，根據(jù)頁(yè)面提示選擇不同風(fēng)格的全家福模板，模板分78年至88年代風(fēng)格、88年至98年代風(fēng)格、98年至08年代風(fēng)格、08年至18年代風(fēng)格、萌萌噠熊貓風(fēng)格5種，每種10個(gè)人物場(chǎng)景可供選擇。
照相館入口：https://tu.qq.com/websites/2018family/index.html?share=xwcb
權(quán)威信息發(fā)布中心、歷史文化傳承基地、百萬(wàn)網(wǎng)友互動(dòng)平臺(tái)，歡迎關(guān)注“石家莊發(fā)布”！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登錄頁(yè)面</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; //內(nèi)邊框
}
/*給'注冊(cè)'賦予樣式*/
.register{
width:280px ; //寬
height: 50px; //高
background-color: skyblue; //背景顏色
border-radius: 10px; //邊框弧度
}
/*將所有邊框都改變*/
*{
border-radius: 5px; 邊框弧度
}
/*使用class選擇器，賦予number寬高和邊框*/
.number{
width: 185px; //寬
height: 27px; //高
border-width: 1px; //邊框?qū)挾?
}
/*id選擇器*/
#two{
width: 55px; //寬
border-width: 1px; 邊框?qū)挾? }
/*id選擇器*/
#phone{
width: 103px; //寬
}
/*class 選擇器*/
.boxs{
zoom: 75%; //清除浮動(dòng)
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; //定位 相對(duì)定位
left: 310px; //定位后左移
bottom: 32px; //定位后下移
}
</style>
</head>
<body>
<div id="box">
<h1>請(qǐng)注冊(cè)</h1>
<p style="color: darkgray">已有帳號(hào)?<a href="https://im.qq.com/index">登錄</a></p>
<form action="" method="post">
<label for="name">用戶(hù)名</label>
<input type="text" placeholder="請(qǐng)輸入用戶(hù)名" id="name" class="number"> <br>
<label for="phone">手機(jī)號(hào)</label>
<select name="" id="two" class="number">
<optgroup>
<option style="" class="">+86</option>
</optgroup>
</select>
<input type="text" placeholder="請(qǐng)輸入手機(jī)號(hào)" id="phone" class="number"> <br>
<label for="mima">密?碼</label>
<input type="password" placeholder="請(qǐng)輸入密碼" id="mima" class="number"> <br>
<label for="mima">驗(yàn)證碼</label>
<input type="password" placeholder="請(qǐng)輸入驗(yàn)證碼" id="is" class="number">
<div class="box_a"></div>
<div class="boxs">
<input type="radio" id="" class="accept">閱讀并接受協(xié)議<br>
</div>
<input type="submit" value="注冊(cè)" class="register" >
</form>
</div>
</body>
</html>
在這里插入圖片描述手向，大佬輕噴
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
