<html> <head> <meta charset="UTF-8"> <style type="text/css" rel="stylesheet"> .wrap{margin:0 auto;width:500px;} body{background: url("C:/Pictures/ss.jpg") fixed center center no-repeat; background-size: cover; width: 100%; padding:0; } </style> </head> <body> <div class="wrap"> <h1>大數據物聯網智慧大腦</h1> <form action="/example/html/form_action.asp" method="get"> <p>帳 號: <input type="text" size="20" name="name" /></p> <p>證件類型: <input type="text" name="name" /></p> <p>證件號碼: <input type="text" name="name" /></p> <p>密 碼: <input type="text" name="name" /></p> <p>確認密碼: <input type="text" name="name" /></p> <p>電子郵件: <input type="text" name="name" /></p> <!--button type="button">登陸</button> <input type="button" onclick="window.location.href('C:/Users/hailang/Desktop/register.html')" value="註冊" /!--> <p> 性別:<label><input name="Fruit" type="radio" value="" checked />保密 </label> <label><input name="Fruit" type="radio" value="" />男</label> <label><input name="Fruit" type="radio" value="" />女 </label> </p> <p> 生日:<select name="select" id="select_k1" class="xla_k"> <option value="請選擇">請選擇</option> <option value="1979">1979</option> <option value="1980">1980</option> <option value="1981">1981</option> <option value="1982">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1988">1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> </select>年 <select name="select" id="select_k1" class="xla_k"> <option value="請選擇">請選擇</option> <option value="12">12</option> <option value="11">11</option> <option value="10">10</option> <option value="9">9</option> <option value="8">8</option> <option value="7">7</option> <option value="6">6</option> <option value="5">5</option> <option value="4">4</option> <option value="3">3</option> <option value="2">2</option> <option value="1">1</option> </select>月 <select name="select" id="select_k1" class="xla_k"> <option value="請選擇">請選擇</option> <option value="31">31</option> <option value="30">30</option> <option value="29">29</option> <option value="28">28</option> <option value="27">27</option> <option value="26">26</option> <option value="25">25</option> <option value="24">24</option> <option value="23">23</option> <option value="22">22</option> <option value="21">21</option> <option value="20">20</option> <option value="19">19</option> <option value="18">18</option> <option value="17">17</option> <option value="16">16</option> <option value="15">15</option> <option value="14">14</option> <option value="13">13</option> <option value="12">12</option> <option value="11">11</option> <option value="10">10</option> <option value="9">9</option> <option value="8">8</option> <option value="7">7</option> <option value="6">6</option> <option value="5">5</option> <option value="4">4</option> <option value="3">3</option> <option value="2">2</option> <option value="1">1</option> </select>日 <select name="select" id="select_k1" class="xla_k"> <option value="請選擇">請選擇</option> <option value="漢">漢</option> <option value="少數">少數</option> </select>名族 </p> </p> 愛好: <input type=checkbox checked> 讀書 <input type=checkbox>旅遊 <input type=checkbox value=1>足球 <input type=checkbox value=1>籃球 <input type=checkbox>乒乓球 </p> <p>我的說明:<textarea name="yj" cols="40" rows="4"></textarea> </p> </form> </div> </body> </html>
只須要修改背景圖存儲位置便可。 css