作为一个穷人，唯一一次逛这么久的会员首页还是因为要写最头大的web~苦涩

效果图

源码

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8"/>

		<link rel="icon" href="qqIcon.jfif" type="image/x-icon"/>

		<title>QQ会员</title>

		<link rel="stylesheet" href="qqmember.css" type="text/css"/>

	</head>

	<body>

		<div id="all">

			<nav>

				<ul>

					<li>

						<image src="logo.png" height="100px width="100px"/>

					</li>

					<li class="words">

						<a href="#">功能特权</a>

					</li>

					<li class="words">

						<a href="#">游戏特权</a>

					</li>

					<li class="words">

						<a href="#">生活特权</a>

					</li>

					<li class="words">

						<a href="#">会员活动</a>

					</li>

					<li class="words">

						<a href="#">成长体系</a>

					</li>

					<li class="words">

						<a href="#">年费专区</a>

					</li>

					<li class="words">

						<a href="#">超级会员</a>

					</li>

				</ul>

			</nav>

			<div>

				<div>

					<a href="#" class="button" id="open">开通超级会员</a>

				</div>

				<div id="open">

					<a href="#" class="button" id="land">登录</a>

				</div>

			</div>

		</div>

	</body>

</html> 


body{

	margin:0;

	padding:0;

}

#all{

	width:100%;

	height:100px;

	background-color:rgba(0,0,0,0.15)

}

ul{

	list-style-type:none;

	margin:0;

	padding:0;

}

li{

	display:inline-block;

	float:left;

}

.words{

	margin-top:45px;

	margin-left:45px;

	width:100px;

}

.button{

	border:1px solid #000080;

	border-radius:15px;

	background-color:#BC8F8F;

	padding:10px;

	margin-top:30px;

	float:right;

	display:inline-block;

}

li a:hover{

	color:yellow;

}

li a:active{

	color:green;

}

a{

	text-decoration: none;

}

#open{

	margin-right:75px;

	background-color: #D2691E;

}

QQ会员首页HTML+CSS的更多相关文章

  1. 腾讯QQ会员技术团队：以手机QQ会员H5加速为例，为你揭开sonic技术内幕

    目前移动端越多越多的网页开始H5化,一方面可以减少安装包体积,另一方面也方便运营.但是相对于原生界面而言,H5的慢速问题一定被大家所诟病,针对这个问题,目前手Q存在几种方案,最常见的便是离线包方案,但 ...

  2. QQ空间首页背景图片淡出解析与不足完善

    一件事情的发生总是有原因的,当然更多的是对技术本身的追求,一定要搞懂啦,废话不多说,大宝剑直插主题. 起因 以前做过一个xx项目,在登陆界面背景图片中,直接引用了一张大图,css类似于这样(backg ...

  3. HTML5+CSS3 QQ会员页面导航

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  4. QQ会员AMS平台PHP7升级实践

    作者:徐汉彬链接:https://zhuanlan.zhihu.com/p/21493018来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. QQ会员活动运营平台(AMS ...

  5. 腾讯QQ会员技术团队：人人都可以做深度学习应用：入门篇（下）

    四.经典入门demo:识别手写数字(MNIST) 常规的编程入门有"Hello world"程序,而深度学习的入门程序则是MNIST,一个识别28*28像素的图片中的手写数字的程序 ...

  6. QUIC协议的分析，性能测试以及在QQ会员实践

    WeTest 导读 你听过HTTPS.HTTP2.0.SPDY,但是这些应用层协议都是基于可靠的传输层协议TCP来实现的.那么,基于高效的UDP协议有没有一种相对可靠的应用层协议呢? Why QUIC ...

  7. C#7.2——编写安全高效的C#代码 c# 中模拟一个模式匹配及匹配值抽取 走进 LINQ 的世界 移除Excel工作表密码保护小工具含C#源代码 腾讯QQ会员中心g_tk32算法【C#版】

    C#7.2——编写安全高效的C#代码 2018-11-07 18:59 by 沉睡的木木夕, 123 阅读, 0 评论, 收藏, 编辑 原文地址:https://docs.microsoft.com/ ...

  8. qq会员权益

    1.功能特权qq会员可以获得增加好友上限.QQ等级加速.创建2000人群.创建1000人群.表情漫游.云消息服务.离线传文件.网络相册.靓号抵用卷.文件中转站这10个方面的福利当然会员和超级会员在上面 ...

  9. 日请求亿级的 QQ 会员 AMS 平台 PHP7 升级实践

    QQ会员活动运营平台(AMS),是QQ会员增值运营业务的重要载体之一,承担海量活动运营的Web系统.AMS是一个主要采用PHP语言实现的活动运营平台, CGI日请求3亿左右,高峰期达到8亿.然而,在之 ...

  10. 升级到php7相关问题，日请求过亿QQ会员活动平台PHP7升级实践

    升级到php7相关问题,日请求过亿QQ会员活动平台PHP7升级实践 日请求过亿:QQ会员活动平台PHP7升级实践http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4 ...

随机推荐

  1. Jenkins - [02] 安装部署

    题记部分 一.Jenkins是什么   Jenkins,原名Hudson,2011年改为现在的名字,它是一个开源的实现持续集成的软件工具. 官网:https://www.jenkins.io/ 官网: ...

  2. 【数值计算方法】线性方程组迭代算法的Python实现

    线性方程组迭代算法的Python实现 jacobi,GS,SOR迭代法 def JacobiIter(A:np.ndarray, b:np.ndarray, tol:float=1e-5, maxIt ...

  3. buuctf-web 解题过程

    [SUCTF 2019]Upload Labs 2 源码 // admin.php <?php include 'config.php'; class Ad{ public $cmd; publ ...

  4. 附035.Kubernetes_v1.25.3高可用部署架构二

    目录 部署组件 kubeadm介绍 kubelet介绍 kubectl介绍 方案概述 方案介绍 部署规划 节点规划 主机名配置 变量准备 互信配置 环境初始化 部署高可用组件 HAProxy安装 Ke ...

  5. Cordova基本使用（一）

    简述 Apache Cordova是一个开源的移动开发框架.允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的A ...

  6. Windows 提权-弱服务_1

    本文通过 Google 翻译 Weak Service File Permissions – Windows Privilege Escalation 这篇文章所产生,本人仅是对机器翻译中部分表达别扭 ...

  7. linux clickhouse 密码设置

    默认密码 clickhouse 安装好之后,系统默认的登录账号密码是 /etc/clickhouse-server/users.d/default-password.xml 文件中配置的,默认密码是 ...

  8. go 数组或切片转为字符串

    数组转字符串 将 var slice = []int{1, 2, 3, 4},转为 [1,2,3,4] 可以使用 json.Marshal(),这是因为 json 包,会将数组和切片值编码为JSON数 ...

  9. Docker Swarm多节点环境的搭建（二）: Docker的集群调配

    Docker的集群调配在上篇文章中介绍了如何如何在多个CentOS中安装Docker应用.本文章为大家介绍如何实现对已安装的这一堆机器实现集群化.Docker Swarm运行Spring Cloud应 ...

  10. BUUCTF---天干地址+甲子

    题目 直接参考天干地支表作结,转ASCII flag{Goodjob}