<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .biaoti li{float: left;width: 13%;text-align: center;list-style-type:none;line-height: 22px} .div {float: left;width:100px;height: 60px;text-align: center;background: blue;line-height: 60px;border-right:solid 1px #000000;border-top:solid 1px #000000;border-bottom:solid 1px #000000} </style> </head> <body> <div style="1200px; height:30px; margin: auto;" > <ul class="biaoti"> <li>官网首页</li> <li>游戏资料</li> <li>LOL商城</li> <li>用户互动</li> <li>赛事中心</li> <li>自助系统</li> <li>客服信息</li> </ul> </div> <div style="1200px; height:200px; margin: auto" > <ul class="biaoti"> <li><br></li> <li>新手指引<br>资料库<br>模式实验室<br></li> <li>点券充值 <br>道聚城 <br>拍拍商城 <br>CDKey兑换 <br>周边商城 </li> <li> 视频中心<br> 活动中心<br> 个人中心<br> 官方论坛<br> 官方微信<br> 官方微博<br> </li> <li> 赛事中心<br> LPL职业联赛<br> 高校联赛<br> 城市英雄争霸赛<br> 王者峡谷<br> 荣耀殿堂<br> </li> <li> 网吧特权<br> 封号查询<br> 体验服申请<br> LOL信用卡<br> 服务器状态查询<br> 审判天使裁决系统<br> </li> <li> 常见问题<br> QQ在线客服<br> 防沉迷验证<br> 用户协议<br> 玩家条例<br> 插件公约<br> </li> </ul> </div> <div style=" 100px;height:40px;margin:auto;background:red;text-align:center;line-height:40px">进入专题</div> <div style="1200px; height:300px; margin: auto;padding-top:80px"> <div style="200px;height:60px;margin-left: 50px;background:red;text-align:center;line-height:60px;float:left;border:solid 1px #000000">下载游戏</div> <div class="div">新手礼包</div> <div class="div">点亮图标</div> <div class="div">声望系统</div> </div> </body> </html>