admin管理员组文章数量:1569305
用a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF}
超链接为了方便,一直都保存这些格式
<div style="text-align:center; > 居中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QQ注册界面</title>
<style>
*{
margin:0;
padding: 0;
}
a{text-decoration: none;}
ul,ol
{
list-style: none;
margin-left: 20px;
list-style-image:url(img/point.jpg);
}
nav.menu{
width: 100%;
height: 50px;
background-color: #5fbdef;
color: white;
text-align: center;
line-height: 50px;
}
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF}
.box{
width:200px;
height:40px;
text-align: center;
line-height: 40px;
background-color: #22be53;
color: white;
margin: auto;
}
</style>
</head>
<body>
<nav class="menu">
<ul>
<li><h1>QQ登录</h1>
</li>
</ul>
</nav>
<br>
<div style="text-align:center; >
<p style="height:40px; font-size:15px; line-height:28px;" >推荐使用快速安全登录,防止盗号。</p>
<br>
</div>
<div style="text-align:center; >
<form method="get" action="#" id="myform">
<input type="text" name="账号" style="width:200px; height:30px; font-size:15px;" placeholder="支持QQ号/邮箱/手机号登录" >
<br><br>
<input type="password" name="密码" style="width:200px; height:30px; font-size:15px;margin: auto; " placeholder="密码">
</form>
</div>
<br><br>
<div class="box" style="text-align:center; >
<a href="#">授权登录</a>
</div>
<br><br>
<div style="text-align:center; >
<a href="" ></a>
<a href="" >忘了密码?</a>
|
<a href="" >新账号</a>
|
<a href="" >意见反馈</a>
<br>
</div>
<div style="text-align:center; >
<p style="height:28px; font-size:12px; line-height:28px;" >将获得以下权限:</p>
<br>
<input type="checkbox" name="" checked="checked">全选<br>
<input type="checkbox" name="" checked="checked">获得您的昵称、头像、性别
<td><br><br>
<p style="height:28px; font-size:12px; line-height:28px;" >腾讯网将获得以下权限:</p>
</div>
</body>
</html>
版权声明:本文标题:HTML +CSS制作QQ登录页面 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1727640951a1123316.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论