文档章节

两个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.2K
1
CSS深入理解:overflow:hidden——溢出,坍塌,清除浮动

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

lakey0126
08/03
0
0
前端——设置2个div之间的距离

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

fycool
2016/08/14
15
0
DIV+CSS 页面布局--固定宽度且居中的版式

排版思路:固定宽度且居中的版式是网络中最常见的排版方式之一,首先将所有页面内容用一个大<div>包裹起来,指定该<div>的ID为container,这个ID在整个页面中是唯一的。部分代码如下: body...

一别经年
2014/04/14
0
5

没有更多内容

加载失败,请刷新页面

加载更多

设计模式之单例模式

单例模式核心:保证一个类只有一个对象 单例模式分为五种:懒汉式、饿汉式、双重检测锁式、静态内部类式、枚举式 五种模式的特点:懒汉式---线程安全,调用效率高,不能延时加载 饿汉式---线...

森林之下
今天
2
0
markdown语法

这篇博客是本人在使用markdown语法过程中,用于记录一些自己总是会忘记的语法,并且会持续更新; 如何增加批注/备注:>; 这是一条备注/引言 如何手动换行,行末两次空格;

BlackCanary
今天
3
0
redis 设置外网可访问

前提是你已经把redis的端口放到了防火墙计划中,  /sbin/iptables -I INPUT -p tcp --dport 6379 -j ACCEPT /etc/rc.d/init.d/iptables save 更改redis.conf 文件 bind 127.0.0.1prot...

时刻在奔跑
今天
2
0
css3隐藏滚动条

chrome 和Safari .element::-webkit-scrollbar { width: 0 } IE 10+ .element { -ms-overflow-style: none; } Firefox .element { overflow: -moz-scrollbars-none; } firefox这个没试过~啦啦......

呵呵闯
今天
3
0
Poco官方PPT_020-ErrorHandlingAndDebugging双语对照翻译

因工作需要用到这一块的功能,所以直接翻译了一下 此PPT来源于官方文件,地址https://pocoproject.org/documentation.html

CHONGCHEN
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部