效果图：
HTML：
<!DOCTYPE html>
<html>
<head>
<title>静态</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="jingtai.css">
</head>
<body>
<div class="box">
<div><h2><p align="center">端游</p></h2></div>
<h2><a href="http://lol.qq.com/" target="_blank"><img src="yasuo.png" align="left" title="英雄联盟" width="30%"><p align="center">英雄联盟</p></a>
<p align="left">
<font size="3">英雄联盟 （2011年腾讯运营的电子竞技类游戏）<br>
《英雄联盟》(简称LOL)是由美国拳头游戏(Riot Games)开发、中国大陆地区腾讯游戏代理运营的英雄对战MOBA竞技网游。游戏里拥有数百个个性英雄，并拥有排位系统、符文系统等特色养成系统。
《英雄联盟》还致力于推动全球电子竞技的发展，除了联动各赛区发展职业联赛、打造电竞体系之外，每年还会举办“季中冠军赛”“全球总决赛”“All Star全明星赛”三大世界级赛事，获得了亿万玩家的喜爱，形成了自己独有的电子竞技文化</font></p></h2>
<h2><a href="http://pubg.qq.com/" target="_blank"><img src="chiji.png" align="left" title="绝地求生" width="30%"><p align="center">绝地求生</p></a>
<p align="left">
<font size="3">绝地求生 （战术竞技游戏)<br>
《绝地求生》(PUBG) 是一款战术竞技型射击类沙盒游戏。 [1]
该游戏中，玩家需要在游戏地图上收集各种资源，并在不断缩小的安全区域内对抗其他玩家，让自己生存到最后。 [2] 游戏《绝地求生》除获得G-STAR最高奖项总统奖以及其他五项大奖 [3] 还打破了7项吉尼斯纪录。
2018年8月9日，《绝地求生》官方宣布，将开启“百日行动”，进行持续数月的自查运动，为玩家提供一个更好的游戏体验.</font></p>
</h2>
<h2><a href="http://cf.qq.com/" target="_blank"><img src="cf.png" align="left" title="穿越火线" width="30%"><p align="center">穿越火线</p></a>
<p align="left">
<font size="3">穿越火线 （2007年腾讯运营的第一人称射击游戏）<br>
《穿越火线》游戏是由韩国Smile Gate开发，由深圳市腾讯计算机系统有限公司代理运营的一款第一人称射击游戏。
游戏讲述了全球两大佣兵集团Global Risk和Black List间的对决。游戏中有团队模式、战队赛、爆破模式、幽灵模式等多种模式。引进了“缺人补充”形式的即时加入系统。 [1]
2016年11月，《穿越火线》荣登2016中国泛娱乐指数盛典“中国IP价值榜游戏榜top10”。</font></p></h2>
<div><h2><p align="center">手游</p></h2></div>
<h2><a href="http://pvp.qq.com/" taeget="_blank"><img src="wangzhe.png" align="right" title="王者荣耀" width="30%"><p align="center">王者荣耀</p></a>
<p align="left">
<font size="3">
王者荣耀 （2015年腾讯天美发行的MOBA手游）<br>
《王者荣耀》是由腾讯游戏天美工作室群开发并运行的一款运营在Android、IOS、NS平台上的MOBA类手机游戏，于2015年11月26日在Android、IOS平台上正式公测，游戏前期使用名称有《英雄战迹》、《王者联盟》。《Arena Of Valor》，即《王者荣耀》的欧美版本于2018年在任天堂Switch平台发售。 [1]
游戏是类dota手游，游戏中的玩法以竞技对战为主，玩家之间进行1V1、3V3、5V5等多种方式的PVP对战，还可以参加游戏的冒险模式，进行PVE的闯关模式，在满足条件后可以参加游戏排位赛等。
2016年11月，《王者荣耀》荣登2016中国泛娱乐指数盛典“中国IP价值榜-游戏榜top10”。</font>
</p></h2>
<h2><a href="http://pg.qq.com/main.shtml" target="_blank"><img src="chiji2.png" align="right" title="刺激战场" width="30%"><p align="center">刺激战场</p></a>
<p align="left">
<font size="3">
绝地求生：刺激战场 <br>
《绝地求生：刺激战场》是腾讯旗下光子工作室群与韩国蓝洞共同推出的正版绝地求生IP手游，该作于2018年2月9日公开测试。
作为绝地求生正版手游，《绝地求生：刺激战场》还原了《绝地求生》端游的大部分大地图，建模和游戏场景，也还原端游的经典风格 [1]
2018年8月10日，腾讯手游《绝地求生：刺激战场》出现了“坐挂车”作弊行为，对此，官方发布处罚声明，将对作弊的小号以及同队的大号一并进行封号处罚.</font>
</p></h2>
</div>
</body>
</html>
CSS:.box{
background: url("dianjing.png");
background-repeat:cover;
}
.box{
1500px;
border: 0px dotted rgb(96, 139, 168);
display: grid;
}
.box>* {
border: 5px solid rgb(96, 139, 168);
border-radius: 5px;
background-color: rgba(96, 139, 168, .2);
}