web前端---html 5----QQ登入页面（初）

本文链接：https://blog.csdn.net/2301_81851270/article/details/143026876

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.theme{

width: 800px;

height: 600px;

margin: 0px auto;

}

.head{

width: 100%;

height: 40px;

padding: 10px 10px;

background-color:#38a4e7;

color: #ffffff;

font-size: 15px;

}

.box li {

list-style: none;

float: left;

border-right:1.5px solid #ffffff ;

}

.box li a {

padding:5px ;

}

.box li:last-child{

border-right: 0;

}

.form-group p input{

width: 280px;

height: 30px;

}

.form-group p button{

width: 285px;

height: 35px;

background-color: rgb(40, 177, 83);

border: none;

color: #ffffff;

}

.box1 li{

list-style: none;

width: 1px;

height: 300px;

background-color: #939393;

}

</style>

</head>

<body>

<tr>

<li>

</li>

</td>

</tr>

</table>

</div>

<table>

<tr>

<th>

<p><h2>帐号密码登录</h2></p>

<p>推荐使用<font color="#387be7">快速安全登录</font>，防止盗号。</p>

<p><button type="submit" name="ENER" >授权并登录</button> </p>

</div>

<br>

<pre size="1"> 忘记密码？丨注册新账号丨意见反馈</pre>

</th>

<td>

<a><font color="#3fb3fb">腾讯网 </font>将获得以下权限:</a>

<a ><input type="checkbox" name="get" id="get" value=get">获得您的昵称、头像、性别及会员信息</a>

<br>

<p><a>授权后表明你已同意<font color="#3fb3fb">QQ登录服务协议</font> </a></p>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>