css世纪佳缘网页

<!DOCTYPE html>
<html lang="zh-cn">


<head>
<meta charset="UTF-8">
<title>世纪佳缘</title>
</head>


<body>


<table align="center" cellspacing="0" width="1000">
<tr>
<td width="600">
<font color="deeppink">一分钟注册,找到一辈子幸福</font>
</td>
<td><input type="button" value="为亲友注册" style="background: bisque; color: orangered;width:90px;height:30px;"></td>
</tr>
<tr width="1000px;">
<td colspan="3"><hr /></td>
</tr>


<table align="center" cellspacing="0" width="1000">
<tr>
<td align="right" width="100"><input type="checkbox" checked="checked"><span style="color: coral;"><font size="1">诚意宣言</font></span>:</td>
<td width="500">我承诺年满18岁,单身,抱着严肃的态度,真诚寻找另一半</td>

</tr>

<tr>

<td align="right">我是:</td>

<td><input type="radio" name="sex" value="1" />男&nbsp;&nbsp;&nbsp;
<input type="radio" name="sex" value="0" />女</td>
<td><span style="color:dimgrey ; font-size: xx-small;">*注册后不可修改</span></td>
</tr>
<tr>
<td align="right">生日:</td>
<td>
<select>
<option>2000</option>
<option>1999</option>
<option>1998</option>
<option>1997</option>
</select>年
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>月
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>日


</td>
<td><span style="color:dimgrey ; font-size: xx-small;">*注册后不可修改</span></td>


</tr>
<tr>
<td align="right">身高:</td>
<td><input type="number" /></td>
<td><span style="color:dimgrey ; font-size: xx-small;">*注册后不可修改</span></td>


</tr>
<tr>
<td align="right">所在地区:</td>
<td>
<select>
<option>请选择</option>
<option>上海</option>
<option>北京</option>
<option>郑州</option>
</select>
</td>
<td></td>


</tr>
<tr>
<td align="right">婚姻状况:</td>
<td><input type="radio" name="r1" checked="checked" />未婚<input type="radio" name="r1" />离婚<input type="radio" name="r1" />丧偶</td>
<td><span style="color:dimgrey ; font-size: xx-small;">*注册后不可修改</span></td>


</tr>
<tr>
<td align="right">学历:</td>
<td>
<select>
<option>本科</option>
<option>硕士</option>
<option>博士</option>
<option>专科</option>
</select>
</td>
<td><span style="color:dimgrey ; font-size: xx-small;">*注册后不可修改</span></td>


</tr>
<tr>
<td align="right">月薪:</td>
<td>
<select>
<option>2000-5000</option>
<option>8000-20000</option>
<option>30000-50000</option>
<option>50000-800000</option>
</select>
</td>
<td></td>


</tr>
<tr width="1000px;">
<td colspan="3">
<hr />
</td>


</tr>


<table align="center" cellspacing="0" width="1000">
<tr>
<td align="right" width="100">注册方式:</td>
<td width="500"><input type="radio" name="r1" checked="checked" /> 邮箱注册
<input type="radio" name="r1" />手机注册
<span style="color:dimgrey ; font-size: xx-small;">
                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
*推荐短信注册及时收取免费短信情书</span></td>
<td></td>


</tr>
<tr>
<td align="right">注册邮箱:</td>
<td><input></input>
</td>
<td></td>


</tr>
<tr>
<td align="right">创建密码:</td>
<td><input></input>
</td>
<td></td>


</tr>
<tr>
<td align="right">确认密码:</td>
<td><input></input>
</td>
<td></td>


</tr>
<tr>
<td align="right">手机
<font size="1">(选项)</font>:</td>
<td><input></input>
</td>
<td></td>


</tr>
<tr>
<td align="right">昵称:</td>
<td><input></input>
</td>
<td></td>


</tr>


<tr width="1000px;">
<td colspan="3">
<hr />
</td>


</tr>


</td>


</tr>
<table align="center" cellspacing="0" width="1000">
<tr>
<td align="right" width="100">内心独白</td>
<td colspan="3"><input type="button" value="自己写"><input type="button" value="我帮你写">
<span style="color: blue; font-size: xx-small;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                          看看别人怎么写</span></td>


</tr>
<tr>
<td></td>
<td colspan="3"><textarea rows="4" cols="70">你知道吗,在网上,第一印象的建立,除了形象照之外,就是内心独白,你对爱情的理解,以及对婚姻生活的期许,都可以写在这里哦。
</textarea>
</td>


</tr>
<tr>
<td align="right">验证码:</td>
<td><input></input><input></input><span style="color: blue; font-size: xx-small;">点击刷新</span></td>
<!--<td><input></input></td>-->
<td colspan="2"></td>


</tr>
<tr>
<td></td>
<td><input type="checkbox" checked="checked">同意<span style="color: blue;">世纪佳缘注册条款</span>和<span style="color: blue;">会员加入标准</span></td>
<td colspan="2"></td>


</tr>
<tr>
<td></td>
<td><input type="button" value="免费注册    开启寻爱之旅" style="width:400px;height:40px;background:pink;  color: white"></td>


</tr>
</body>


</html>


猜你喜欢

转载自blog.csdn.net/qq_42467563/article/details/80916604