HTML01
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人账户注册</title>
<link rel="stylesheet" href="../day01work/css/001.css">
</head>
<body>
<div id="head" >
<table >
<tr>
<td class="h1">1688</td>
<td class="h2">|</td>
<td class="h3" ><strong>账户注册</strong></td>
</tr>
</table>
<br><br><br>
<table align="center">
<tr>
<td class="t1">企业账户注册 </td>
<td style="color: red;" class="t1">个人账户注册</td>
</tr>
</table>
<hr>
</div>
<div id="cont01">
<div id="notice"><p>无企业营业执照的个人用户请注册个人账户。权益如下:做个人实名认证;作为买家身份采购</p></div>
<div id="register">
<table class="r1" align="center" >
<tr style="height: 80px;">
<td align="right"><span>*</span>会员名</td>
<td colspan="2"><input type="text" ></td>
</tr>
<tr style="height: 80px;">
<td ><span>*</span>登录密码</td>
<td colspan="2"><input type="password" ></td>
</tr>
<tr style="height: 80px;">
<td ><span>*</span>重复密码</td>
<td colspan="2"><input type="password" ></td>
</tr>
<tr style="height: 80px;">
<td align="right"><span>*</span>电话号码</td>
<td><select style="height: 50px; width: 200px;font-size: 30px;">
<option>中国大陆+86</option>
<option>国外.</option>
</select></td>
<td><input type="text" size="11" style="height: 50px;font-size: 30px;"></td>
</tr>
</table>
<div id="state"><p><input type="checkbox">创建网站账号的同时,我同意遵守:《阿里巴巴服务条款》及《隐私声明》</p></div>
<div style="text-align: center;" ><p><input class="sub" type="submit" value="同意并注册" ></p></div>
</div>
</div>
</body>
</html>
HTML02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>企业账户注册</title>
<link rel="stylesheet" href="../day01work/css/001.css">
</head>
<body>
<div >
<br><br>
<table align="center">
<tr class="t1">
<td style="color: red;">企业账户注册 </td>
<td >个人账户注册</td>
</tr>
</table>
<hr>
</div>
<div id="cont02">
<div id="notice"> <p>有企业营业执照(含个体工商户)的用户请注册。权益如下:做企业实名认证;作为卖家身份开店;作为买家身份采购。</p></div>
<div name="表格">
<table class="r1" align="center">
<tr style="height: 80px;">
<td align="right"><span>*</span> 会员名</td>
<td colspan="2"><input type="text" ></td>
</tr>
<tr style="height: 80px;">
<td align="right"><span>*</span> 登录密码</td>
<td colspan="2"><input type="password" ></td>
</tr>
<tr style="height: 80px;">
<td align="right"><span>*</span> 重复密码</td>
<td colspan="2"><input type="password" ></td>
</tr>
<tr style="height: 80px;">
<td><span>*</span> 联系人姓名</td>
<td colspan="2"><input type="text" ></td>
</tr>
<tr style="height: 80px;">
<td align="right"><span>*</span> 企业名称</td>
<td colspan="2"><input type="text" ></td>
</tr>
<tr style="height: 80px;">
<td align="right"><span>*</span> 贸易身份</td>
<td colspan="2"><input size="140" type="radio" name="choice" tra> 我要销售<input type="radio" name="choice"> 我要采购<input type="radio" name="choice"> 两者都是</td>
</tr>
<tr style="height: 80px;">
<td align="right"><span>*</span>电话号码</td>
<td><select style="height: 50px; width: 200px;font-size: 30px;">
<option>中国大陆+86</option>
<option>国外.</option>
</select></td>
<td><input type="text" size="11" style="height: 50px;font-size: 30px;"></td>
</tr>
</table>
</div>
<div id="state"><p><input type="checkbox">创建网站账号的同时,我同意遵守:《阿里巴巴服务条款》及《隐私声明》</p></div>
<div style="text-align: center;" ><p><input class="sub" type="submit" value="同意并注册" ></p></div>
</div>
</body>
</html>
CSS
#head {
width: 2000px;
height: 200px;
border: 0px solid;
border-color: rgb(255, 60, 1);
}
#cont01{
width: 2000px;
height: 600px;
border: 0px solid;
border-color: yellowgreen;
}
.h1{
font-size: 60px;
color: rgb(255, 94, 0);
font-weight: bolder;
}
.h2{
font-size: 30px;
}
.h3{
font-size: 30px;
}
.t1{
font-size: 20px;
}
#notice{
font-size: 20px;
text-align: center;
font-weight: bolder;
}
span{
color: rgb(255, 0, 0);
}
.r1{
font-size: 25px;
}
.r2{
font-size: 20px;
}
#state{
padding-left: 41%;
width: 400px;
text-align: center;
font-size: 20px;
}
.sub{
font-size: 30px;
color: rgb(255, 255, 255);
width: 300px;
height: 50px;
background-color: rgb(255, 60, 0);
}
input[type="text"],input[type="password"]{
size: 27;
height: 40px;
font-size: 40px;
}
效果图对比(下面是模板图)