文档章节

两个div上下平分整个浏览器

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:35
字数 214
阅读 5
收藏 0
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆</title>
<style type="text/css">
html,body{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
}
body {
	background: url("lnpg/beijing.jpg") no-repeat;
}
.denglu{
	background: url("lnpg/denglu.png") no-repeat;
}
.denglu:hover{
	cursor: pointer;
}
.top{
	background: pink;
	height: 50%;
}
.bottom{
	background: green;
	height: 50%;
}
</style>
</head>
<%
String path = request.getContextPath();
Object remark = request.getAttribute("loginRemark");
%>
<body>
<%=remark==null?"":remark %>
<div class="top"></div>
<div class="bottom">
	<center>
		<table>
			<tr>
				<td>登录名</td>
				<td><input type="text" name="name" value="1">
				</td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" name="password" value="1">
				</td>
			</tr>
			<tr>
				<td>皮肤</td>
				<%
				String skin = "blue1";
				%>
				<td>
				<select name="skin" style="width: 150px;">
					<option value="blue1" <%if("blue1".equals(skin)){%>selected="selected"<%}%>>蓝色1</option>
					<option value="green1" <%if("green1".equals(skin)){%>selected="selected"<%}%>>蓝色2</option>
				</select>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div class="denglu"><input type="submit"></div>
				</td>
			</tr>
		</table>
	</center>
</div>
<script type="text/javascript">
</script>
</body>
</html>

本文转载自:http://blog.csdn.net/ruru7989/article/details/24515957

共有 人打赏支持
陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
私信 提问
div相互覆盖,div与div盒子之间产生重叠覆盖现象的解决办法

div覆盖div,出现div与div盒子之间产生重叠覆盖现象,而内容没有出现覆盖重叠现象原因与解决方法。 可能你遇到过上下结构的布局,下面DIV内容重叠上面DIV内容上,也可能右面内容覆盖掉左面的D...

尘世如潮
2016/03/23
1K
0
ios的Safari浏览器滚动条问题?

程序在ios的浏览器上访问,有一个页面是用iframe嵌套的,在iframe页面里是一个查询界面和显示结果的table,页面的布局是用 easyui做的,table是嵌在一个tab下的,在电脑端iframe里的页面超出...

malie0
2014/10/24
4.3K
1
前端——设置2个div之间的距离

让上下两个DIV块之间有一定距离或没有距离 1、若想上下DIV块之间距离,只需设定:在CSS里设置DIV标签各属性参数为0 div{margin:0;border:0;padding:0;} 这里就设置了DIV标签CSS属性相当于初始...

fycool
2016/08/14
15
0
CSS深入理解:overflow:hidden——溢出,坍塌,清除浮动

overflow:hidden是overflow属性的一个神奇用法,它可以帮助我们隐藏溢出的元素,清除浮动和解除坍塌。当某一个属性拥有这么多的功能时,难免使人难以把握,不过不要怕,只要信:看完这篇文章...

lakey0126
2018/08/03
0
0
CSS 行高在各浏览器的区别

单行文字的高度问题,一直是个令人很困扰的问题! 习惯性都是哪里出现问题,哪里解决(padding, margin, line-height, height; 正的、负的等)!在不同浏览器出现不一致的情况,就用不同的H...

cnu2m
2015/12/27
74
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7重置密码、单用户模式、救援模式、ls命令、chmod命令

在工作当中如果我们错误的配置了文件使服务器不能正常启动或者忘记密码不能登录系统,如何解决这些问题呢?重装系统是可以实现的,但是往往不能轻易重装系统的,下面用忘记密码作为例子讲解如...

李超小牛子
今天
3
0
Python如何开发桌面应用程序?Python基础教程,第十三讲,图形界面

当使用桌面应用程序的时候,有没有那么一瞬间,想学习一下桌面应用程序开发?行业内专业的桌面应用程序开发一般是C++,C#来做,Java开发的也有,但是比较少。本节课会介绍Python的GUI(图形用...

程序员补给栈
今天
5
0
kafka在的使用

一、基本概念 介绍 Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。 这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统...

狼王黄师傅
今天
3
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
3
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部