初学了css和图片抓取以及图片usl的获取后简单美化了第一周作业
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>单身狗</title>
<style>
body {
background-image:url('https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=240417465,3426020928&fm=26&gp=0.jpg');
}
</style>
</head>
<body>
<d id="container" style="width:500px">
<div id="header" style="background-color:rgba(99, 104, 104, 0);">
<b>
<h style="margin-bottom:0;">青春不常在，抓紧谈恋爱</h>
</b></div><br>
<div id="menu" style="background-color:rgba(0, 255, 255, 0);height:200px;width:100px;float:left;">
性别<br>
生日<br>
所在地区<br>
婚姻状况<br>
学历<br>
喜欢的类型<br>
自我介绍</div>
<div id="content" style="background-color:rgba(0, 255, 255, 0);height:200px;width:400px;float:left;">
<input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女<br>
<form action="">
<select name="cars">
<option value="volvo">--请选择年--</option>
<option value="volvo">1998</option>
<option value="volvo">1999</option>
<option value="volvo">2000</option>
<option value="volvo">2001</option>
<option value="volvo">2002</option>
<option value="volvo">2003</option>
<option value="volvo">2004</option>
</select>
<form action="">
<select name="cars">
<option value="volvo">--请选择月--</option>
<option value="volvo">1</option>
<option value="volvo">2</option>
<option value="volvo">3</option>
<option value="volvo">4</option>
<option value="volvo">4</option>
<option value="volvo">5</option>
<option value="volvo">6</option>
<option value="volvo">7</option>
<option value="volvo">8</option>
<option value="volvo">9</option>
<option value="volvo">10</option>
<option value="volvo">11</option>
<option value="volvo">12</option>
</select>
<form action="">
<select name="cars">
<option value="volvo">--请选择日--</option>
<option value="volvo">1</option>
<option value="volvo">2</option>
<option value="volvo">3</option>
<option value="volvo">4</option>
<option value="volvo">5</option>
<option value="volvo">6</option>
<option value="volvo">7</option>
<option value="volvo">8</option>
<option value="volvo">9</option>
<option value="volvo">10</option>
<option value="volvo">11</option>
<option value="volvo">12</option>
<option value="volvo">13</option>
<option value="volvo">14</option>
<option value="volvo">15</option>
<option value="volvo">16</option>
<option value="volvo">17</option>
<option value="volvo">18</option>
<option value="volvo">19</option>
<option value="volvo">20</option>
<option value="volvo">21</option>
<option value="volvo">22</option>
<option value="volvo">23</option>
<option value="volvo">24</option>
<option value="volvo">25</option>
<option value="volvo">26</option>
<option value="volvo">27</option>
<option value="volvo">28</option>
<option value="volvo">29</option>
<option value="volvo">30</option>
<option value="volvo">31</option>
</select>
</form>
<input type="text" name="所在地区"><br>
<input type="radio" name="sex" value="未婚">未婚<input type="radio" name="sex" value="女">已婚<input
type="radio" name="sex" value="未婚">离婚<br>
<input type="text" name="学历"><br>
<form action="">
<input type="checkbox" name="vehicle" value="妩媚的">妩媚的<input type="checkbox" name="vehicle"
value="妩媚的">可爱的<input type="checkbox" name="vehicle" value="妩媚的">小鲜肉<input type="checkbox"
name="vehicle" value="妩媚的">老腊肉<input type="checkbox" name="vehicle" value="妩媚的">都喜欢<br>
<textarea rows="2" cols="17">自我介绍</textarea><br>
<button type="button" onclick="alert('注册成功!')">免费注册</button><br>
<input type="checkbox" name="vehicle" value="妩媚的">我同意注册条款和会员加入标准<br>
<p><a href="//www.qianxiaogw.sxl.cn//">我是会员，立即登录</a></p><br>
<b>我承诺</b>
<ul>
<li>年满18岁，单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</div>
</body>
继续学习继续努力
