2个DIV制作十字架

<!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">
body
{margin:0;height:100%;width:100%;
}
#h
{   width:100%;height:50px;background:red;position:absolute;top:50%;margin-top:-25px;
}
#v
{width:50px;height:100%;    position:absolute;left:50%;margin-left:-25px;background:red;
}
</style>
</head>
<body><div id="h"></div><div id="v"></div>
</body>
</html>

刚测试时发现在IE下水平居中的DIV无法显示高度，原来IE6下的body不是100%的默认高度

2个DIV制作十字架相关推荐

DIV制作浮在页面的窗口
<html><head><title>DIV制作浮在页面的窗口丨Daniel wellington</title><style type='tex ...
使用div制作表格效果
使用div制作表格效果 1 基础版展示 1.1代码 1.2HTML 1.3CSS 2进阶版展示(动态生成表格) 2.1代码 2.2HTML 2.3CSS 2.4JS 2.5完整版 1 基础版展示点击 ...
纯CSS制作加div制作动画版哆啦A梦
纯CSS代码加上<div>制作动画版哆啦A梦(机器猫) 哆啦A梦(机器猫)我们大家一定都很熟悉,今天给大家演示怎么用纯CSS代码,来做一个动画版的哆啦A梦. 效果图: ###下面代码同学可 ...
div制作表格，增减表格
div制作表格,增减表格 <!DOCTYPE html> <html><head><meta charset="utf-8" />& ...
html制作十字架,使用重构的方式制作出一个红色十字架
使用重构的方式制作出一个如下图的水平.垂直都居中短边为50px,长边为150px的红色十字架使用2个div完成 #heng,#shu{ left:50%; top:50%; position:abs ...
两个div实现十字架
效果图先不用说什么,直接上效果图好像是医院的标志似的. 思路那这个是怎么做出来的呢?我先讲讲我的思路吧!首先只用了两个div的话,我们只能把这个十字架分成两部分,那是哪两部分呢?一个是横的,一个 ...
div制作横向导航条
将以下代码放入dreamweaver代码区域,可以显示横向导航栏,鼠标经过后导航菜单会变颜色,并包含二级导航菜单,附加下面显示的结果图片参考文档http://www.aa25.cn/div_css/ ...
小玩意，div制作下拉按钮
今天在做小项目,看到了下拉按钮,我是回过来再好好学起,就想着不用框架的icon,自己做,其实吧,对大家来说应该是很简单的,我只是不想放过现在这种让自己提升的时间,所以琐碎的小玩意也就多了. 忽略边上的 ...
html div 制作表格,使用table制作表格
在使用table制作表格之前先了解一些相关属性. CSS border-spacing 属性: 说明:该属性指定分隔边框模型中单元格边界之间的距离.在指定的两个长度值中,第一个是水平间隔,第二个是垂直 ...

2个DIV制作十字架

2个DIV制作十字架相关推荐

最新文章

热门文章