效果如下:

代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>test2</title><style type="text/css">*{margin: 0;padding: 0;}.w{width: 950px;margin: 0 auto;}.top{width: 100%;height: 95px;background-color: #282828;}.logo{width: 260px;height: 95px;float: left;background: url("img/logo.jpg") no-repeat;}.login{width: 230px;float: right;color: #ffffff;font-family: 微软雅黑;line-height: 95px;}.login a{/*position: relative;*//*top:30px;*/text-decoration: none;color: #fff;font-size: 14px;font-family: 微软雅黑;}.middle{width: 100%;height: 507px;background: url("img/bg.jpg") no-repeat -70px;}.middle2{width: 100%;height: 255px;background-color: #D3D3D4;}.middle2 ul{width: 100%;height: 155px;}.middle2 ul li{width: 162px;height: 160px;list-style: none;float: left;/*border: 1px solid rebeccapurple;*/margin-left: 25px;}.box{width: 162px;height: 0px;padding-top: 96px;}.box1{background: url("img/spr.png") no-repeat center 0px ;}.box2{background: url("img/spr.png") no-repeat center -96px;}.box3{background: url("img/spr.png") no-repeat center -192px;}.box4{background: url("img/spr.png") no-repeat center -288px;}.box5 {background: url("img/spr.png") no-repeat center -384px;}.middle2 .s1{display: block;/*margin-top: 96px;*/width: 162px;height: 20px;font-size: 20px;color: #000000;font-weight: 900;text-align: center;margin-bottom: 10px;}.middle2 .s2{display: block;width: 162px;height: 30px;font-size: 12px;line-height: 18px;color: rgba(33, 20, 37, 0.96);}.middle2 .s3{margin: 0 auto;display: block;width: 132px;height: 30px;font-size: 12px;line-height: 18px;color: rgba(33, 20, 37, 0.96);}.footer{width: 100%;height: 80px;background-color: #D3D3D4;line-height: 40px;font-size: 12px;text-align: center;color: rgba(33, 20, 37, 0.96);}</style>
</head>
<body><div class="top"><div class="w"><div class="logo"></div><div class="login"><a href="#">登录</a>| <a href="#">论坛</a>| <a href="#">反馈意见</a></div></div></div><div class="middle"></div><div class="middle2"><div class="w"><ul><li class="li_1"><div class="box box1"><span class="s1">智能加速</span><span class="s2">游戏中卡、顿,不再束手无策急速游戏体验,只需轻轻一点</span></div></li><li><div class="box box2"><span class="s1">防掉线</span><span class="s3">7×24小时超出挂机保护不再为挂机掉线烦恼</span></div></li><li><div class="box box3"><span class="s1">账号多开</span><span class="s3">账号密码轻松为你管理多开账号依然流畅不卡</span></div></li><li><div class="box box4"><span class="s1">礼包</span><span class="s3">多平台礼包一站式领取助你快速赚取游戏资源</span></div></li><li><div class="box box5"><span class="s1">全屏</span><span class="s3">新增加强型全屏功能模块免干扰,让你游戏更专注</span></div></li></ul></div></div><!--<hr class="hr_1"/>--><hr color="#ccc" /><div class="footer">Copyright © 1998 - 2013 Tencent. All Rights Reserved.<br>腾讯公司 版权所有<!--<hr>--><!----></div>
</body>
</html>

仿腾讯盒子游戏(新手练习)相关推荐

  1. Electron(1.6.11) + koa2 仿腾讯TGP游戏登录器(一):环境部署

    酝酿了好久想写个新版的Electron教程,奈何有点(非常)懒,并且经常被LOL吸引...终于下决心开搞了,要不然越堆越多的工作人生就GG了.预计的话大概需要一到两个月来完成吧,毕竟是非工作时间来写, ...

  2. HTML网页设计期末课程大作业~仿腾讯游戏官网设计与实现(HTML+CSS+JavaScript)

    HTML期末大作业~基于HTML+CSS+JavaScript腾讯游戏官网设计与实现 关于HTML期末网页制作,大作业A+水平 ~腾讯游戏官网HTML+CSS+JavaScript实现,共有游戏首页 ...

  3. 腾讯网页游戏微端服务器进程,彻底卸载腾讯网页游戏微端服务程序和腾讯游戏盒子的方法...

    最近很多用户都在吐槽腾讯,这是为什么呢?据小编了解,在腾讯旗下有两款流氓软件,一个是腾讯网页游戏微端服务程序,还有一个就是腾讯游戏盒子.一旦我们在电脑中安装了某个腾讯游戏之后就会被系统自动下载安装这个 ...

  4. web网页设计期末课程大作业~超高仿英雄联盟LOL游戏官网设计与实现(HTML+CSS+JavaScript)...

    仿英雄联盟LOL游戏官网设计与实现(HTML+CSS+JavaScript) 关于HTML期末网页制作,大作业A+水平 ~游戏网页作业HTML+CSS+JavaScript实现,共有游戏首页 等页面! ...

  5. tc溜溜865手机投屏卡_游戏物理外挂再升级!腾讯黑鲨游戏手机3S开箱体验

    视频: 自从黑鲨在国内推出首款游戏手机后,游戏手机厂商现在是越来越多了,而作为最早打造游戏手机的厂商,黑鲨无疑有很多的优势,因为在硬件性能与其他游戏手机差不多的情况下,黑鲨还拥有小米MIUI系统的加持 ...

  6. 手机计算机怎么玩24点游戏,计算器游戏怎么玩_计算器游戏新手玩法介绍_快吧手游...

    计算器游戏怎么玩,新手前期玩法介绍,计算器游戏是怎么操作的,新手要怎么操作上手,想必很玩家也是十分的想知道吧,下面快吧小编带来了这篇攻略,希望能帮助大家,赶紧去看看吧. 计算器游戏怎么玩? 计算器游戏 ...

  7. 仿腾讯QQ竖直滑动导航菜单

    菜单就像qq软件的分组,鼠标经过自动显示相应组的内容. 效果体验网址:http://keleyi.com/a/bjad/nf86w2dv.htm 以下是源代码: 1 <html> 2 &l ...

  8. 腾讯云游戏能玩什么,当贝投影仪首发云游戏专区数10款游戏轻松玩

    2019年3月腾讯云游戏对外公测,简单直给玩游戏快感十足超简捷,游戏玩家不用下载直接在线玩!具有休闲.动作.竞技冒险等多种游戏类型,深受玩家喜爱.进入到2021年腾讯云游戏TV版正式上线,在大屏端也能 ...

  9. android tab 悬停效果代码,Android 仿腾讯应用宝 之 Toolbar +Scroolview +tab滑动悬停效果...

    Android 仿腾讯应用宝 之 Toolbar +Scroolview +tab滑动悬停效果 来源:互联网 作者:佚名 时间:2015-02-10 15:36 Android 仿腾讯应用宝 之 To ...

最新文章

  1. GTS解密--GTS的原理、架构与特点
  2. npm install 报错 汇总_R包安装报错的日常
  3. Angular 2/Ionic 2 @input和@output理解
  4. java class is frozen_利用javassit简单操作class文件 1
  5. error: object MultivariateNormalDistribution is not a member of package
  6. 期货大赛项目|九,fileinput插件的应用
  7. 2021“鲜美生活”新趋势:中国食品行业白皮书
  8. bzoj 1710: [Usaco2007 Open]Cheappal 廉价回文【区间dp】
  9. ImageMagick 图片处理 函数说明和使用举例
  10. Scala学习02——Scala类和对象
  11. 2022年下半年深圳地区数据分析师认证(CPDA),[进入查看]
  12. dns服务器功能作用,DNS服务的用途介绍
  13. 在JavaScript中NaN为什么不等于NaN
  14. convexHull实现
  15. 程序员如何实现“互联网+”03-为什么需要有个网站
  16. JAVA学习 API_day03(字符串编码, 泛型, 数据结构, Collection)
  17. Html控制大华摄像头
  18. 目标检测(四):SSD之Pytorch源码解读
  19. python股票网格交易法详解_干货 | 等分网格交易法详解
  20. 设置Word文档密码的两种方式

热门文章

  1. MSSQL数据库恢复挂起问题解决
  2. 每日思考第 67 期:如何致富,不靠运气
  3. php中in的作用是什么,in是什么软件
  4. 外贸独立站的全方位运营指南:从定位到转化的完整解决方案
  5. kernal源码下载地址
  6. 2021年熔化焊接与热切割报名考试及熔化焊接与热切割考试技巧
  7. android 360自动更新,百度和360自动更新SDK快速集成
  8. 动手学强化学习(一)
  9. 计算机效应,计算机基础教学中罗森塔尔效应的应用研究
  10. 三星9300 Kies 升级包 存储