<%@ 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>css
<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>html
</ul>
</div>
</div>java
</body>
</html>網站
body{
margin:0px 0px;
}
.heading{
width:100%;
height:140px;
background:black;
margin:0px auto;
}htm
.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;
}get
.ul2{
margin-left:10px;
margin-top:70px;
font-size:5px;
float:left;
list-style-type:none;
}
.li2{
padding-left:1px;
display:inline;
}it