毕业设计(二十二)---主页大致布局简画

最新推荐文章于 2024-08-06 21:19:41 发布

mamba10

最新推荐文章于 2024-08-06 21:19:41 发布

阅读量735

点赞数

分类专栏：毕业设计

本文链接：https://blog.csdn.net/mamba10/article/details/8610545

版权

毕业设计专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>首页--长颈鹿博客</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<style type="text/css">
#wai {
	position: relative; margin : 0px auto;
	width: 950px;
	margin: 0px auto;
}

#ad1 {
	position: relative;
	margin: 0px auto;
	top: 27px;
	width: 950px;
	height: 100px;
	border: 1px solid red;
}

#daohang {
	position: relative;
	margin: 0px auto;
	top: 30px;
	width: 950px;
	height: 30px;
	border: 1px solid blue;
}

#neirongmokuai {
	position: absolute;
	top:165px;
	width: 950px;
	border: 1px solid black;
}

#neirongmokuai #fenlei{
	position: absolute;
	border: 1px solid blue;
	width:180px;
	height:400px;
}
#neirongmokuai #zhuanjia{
	position: absolute;
	border: 1px solid blue;
	top:405px;
	width:180px;
	height:400px;
}
#neirongmokuai #zhuneirong{
	position: absolute;
	border: 1px solid blue;
	left:182px;
	width:590px;
	height:2000px;
}
#neirongmokuai #remenwenzhang{
	position: absolute;
	border: 1px solid blue;
	height:800px;
	width:170px;
	right: 0px;
	}
</style>
</head>

<body>
	<jsp:include page="../public/head.jsp"></jsp:include>
	<div id="wai">
		<div id="ad1"></div>
		<div id="daohang"></div>
		<div id="neirongmokuai">
			<div id="fenlei">fenlei</div>
			<div id="zhuanjia">zhuanjia</div>
			<div id="zhuneirong">zhuneirong</div>
			<div id="remenwenzhang">remenwenzhang</div>
		</div>
	</div>


</body>
</html>