博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
仿绝地求生官网 jsp+css
阅读量:6981 次
发布时间:2019-06-27

本文共 2353 字,大约阅读时间需要 7 分钟。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%String path=request.getContextPath();
%>
<html>
<head>
<link href="<%=path%>/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="heading">
<div class="heading_img">
<img src="<%=path%>/tubiao.png">
</div>
<div class="heading_bar">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">新闻公告</a></li>
<li><a href="#">游戏特色</a></li>
<li><a href="#">社区APP</a></li>
</ul>
</div>
</div>
<div class="zhuti">hahha</div>

<div class="footing">

<div class="footing_img1">
<img src="<%=path%>/02.png">
</div>
<div class="footing_img2">
<img src="<%=path%>/03.png">
</div>
<div class="footing_bar">
<ul class="ul2">
<li class="li2"><a href="#">腾讯互动娱乐</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">服务条款</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">广告服务</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">腾讯游戏招聘</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">腾讯游戏客服</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">游戏地图</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">游戏活动</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">商务合作</a></li>
<li class="li2"><a href="#">|</a></li>
<li class="li2"><a href="#">网站导航</a></li>

</ul>
</div>
</div>

</body>

</html>

 

body{

margin:0px 0px;
}
.heading{
width:100%;
height:140px;
background:black;
margin:0px auto;
}

.heading_img{

margin-left:200px;
margin-top:25px;
display:inline;
float:left;
}

ul{

margin-left:80px;
margin-top:50px;
font-size:15px;
float:left;
list-style-type:none;
}
li{
padding-left:20px;
display:inline;
}
a:link,a:visited{
font-weight:bold;
color:white;
text-align:center;
padding:5px;
text-decoration:none;
}
a:hover,a:active{
color:FF9900;
}
.zhuti{
width:100%;
height:700px;
background:white;
margin:0px 0px;
}
.footing{
width:100%;
height:170px;
background:black;
margin:0px 0px;
}
.footing_img1{
margin-left:170px;
margin-top:35px;
display:inline;
float:left;
}
.footing_img2{
margin-left:20px;
margin-top:35px;
display:inline;
float:left;
}

.ul2{

margin-left:10px;
margin-top:70px;
font-size:5px;
float:left;
list-style-type:none;
}
.li2{
padding-left:1px;
display:inline;
}

转载于:https://www.cnblogs.com/pgone/p/7989788.html

你可能感兴趣的文章
更加安全的存取账户密码
查看>>
PHP函数之无极分类
查看>>
ReactiveCocoa代码实践之-更多思考
查看>>
普通帧,关键帧,空白关键帧的区别
查看>>
系统利益相关者描述案例
查看>>
Pandas Cheat Sheet
查看>>
NOIP模板
查看>>
0525 项目回顾7.0
查看>>
团队第二日
查看>>
Java开发工具(Eclipse中内容辅助键的使用)
查看>>
二叉树的层次遍历 II
查看>>
mongodb插入文档时不传ObjectId
查看>>
前端自动化构建工具webpack (二)之css和插件加载总结
查看>>
基础算法整理(1)——递归与递推
查看>>
Nestjs OpenAPI(Swagger)
查看>>
novaclient的api调用流程与开发
查看>>
mvc导出数据到pdf
查看>>
iOS开源JSON解析库MJExtension
查看>>
第一本的java 的小总结
查看>>
集成支付宝钱包支付iOS SDK的方法与经验
查看>>