代码片段:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>世纪佳缘登录界面</title>
<style>
tr {
height: 40px;
}
input {
color: #ccc;
}
</style>
</head>
<body>
<table width="400" align="center">
<tr>
<th colspan="2" style="font-size: 18px; color:#666;">会员登录</th>
</tr>
<tr>
<td>登录帐号</td>
<td><input type="text" value="邮箱/ID/手机号"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="text" value="密码"></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" checked="checked" />
<span style="color: #a4a4a4; font-size: 12px;">两周内自动登录</span>
</td>
</tr>
<tr>
<td></td>
<td><input type="image" src="images/login.png"> <a href="#">忘记密码</a> </td>
</tr>
<tr>
<td>其他帐号登录</td>
<td style="font-size:12px; color: #666;"> <img src="images/ico1.png"> QQ帐号 <img src="images/ico2.png"> 新浪微博 <img src="images/ico3.png"> 百度账号
</td>
</tr>
<tr>
<td></td>
<td>
<a href="demo.html" target="_blank">还不是会员?立即注册</a>
</td>
</tr>
</table>
</body>
</html>
运行结果: