HTML +CSS制作QQ登录页面
用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登录页面相关推荐
- html+css 制作简单QQ登录页面
HTML+css制作简单QQ登录页面 这是效果图 这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...
- 用html和css设计QQ注册页面,html和css制作QQ企鹅教程
我们知道CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式.CSS在Web设计领域是一个突破.利用它可以实现修改一个小的样式更新与之相关的所有页面元素.大家在学习前端编程的时候肯定会 ...
- 使用html和css制作一个小米商城页面
使用html和css制作一个小米商城页面 创作不易,可否给作者点个赞再走 html部分: /** * author 阿木木 * date 10/01 14:32 * / `<html>&l ...
- Android 简易QQ登录页面
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=&q ...
- Android开发实现简单QQ登录页面
Android开发实现极为简单的QQ登录页面 设计一个简单QQ登录页面,无任何功能.然后打包安装到手机. 1.首先创建一个空白页面 2.打开样式设计的页面 在activity_main.xml中写入代 ...
- HTML制作简易登录页面(网易笔记)
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>网易邮 ...
- figma下载_我如何使用Figma,CSS Grid和CSS Flexbox构建登录页面
figma下载 I enjoy looking at website designs that are on platforms like Behance, Dribble, etc. as they ...
- html+css唯品会的登录页面
唯品会的登录页面## 唯品会 知识点:html+css 页面效果 源码链接:https://pan.baidu.com/s/1nSHujdzo3Q3BAjLkQ9WWIQ 提取码:ht19
- 3、Vue+ElementUI制作用户登录页面
前面两篇简单了解了一下vue和SPA,现在来用Vue+ElementUI做一个用户登录页面,ElementUI是Element出的一套针对vue的UI库,类似的UI库非常多,ElementUI只是其中 ...
最新文章
- NIO网络编程应用实例——群聊系统
- 马尔可夫“折棍子”过程 Markovian Stick-breaking Process 在直方图平滑中的应用
- what you should do if you want to exercise?
- 学业水平测试计算机模拟,高二计算机学业水平测试 模拟试题(附答案)
- 4米乘以12米CAD图_CAD做钣金件展开的原理你知道吗?
- Windows 64位下安装Redis超详细教程
- C语言程序设计教程(第三版)课后习题8.2
- JavaWeb复习题(含答案)
- 计算机主机总线,什么是计算机总线,计算机总线包括什么?
- 2022年上半年软件设计师下午真题及答案解析
- git submodule update --init时报错:Failed to recurse into submodule path third_party/protobuf
- Pytorch教程(1)
- 潜在狄利克雷分配(LDA)(latent Dirichlet allocation)
- android app2sd+无法安装应用的解决办法。
- 《机器学习实战》6.支持向量机(SVM)
- [转载]S/4 HANA中的银行对账单
- 十个常用的FireFox扩展
- Minecraft我的世界云服务器搭建教程(小白看过来)
- Pandas中的Dataframe和Series
- SAP-ABAON 无客户的资产变卖收现