是yy群里一个人要求的东西,图片在屏幕四周,中间显示文字;页面是不能滚动的,这样,大概做了个示例,就没放图片了,其中使用了之前说的永远居中的div层效果。

<HTML>
<HEAD>
<TITLE> 无限策划系列建站教程之css练习题 </TITLE>
<style type="text/css">
html{overflow:hidden}
*{margin:0;padding:0}
body{}
#top{top:0;background:#000;width:100%;height:21px;position:absolute;}
#bottom{bottom:0;height:21px;width:100%;background:#000;position:absolute;}
#left{left:0;width:21px;background:#000;position:absolute;height:100%;}
#right{right:0;width:21px;background:#000;position:absolute;height:100%;margin:0 -1px 0 0}
#content{text-align:center;width:200px;height:200px;margin:-100px 0 0 -100px;position:absolute;background:#000;color:#fff;left:50%;top:50%}
</style>
</HEAD>
<BODY>
<div id="top"></div>
<div id="bottom"></div>
<div id="left"></div>
<div id="right"></div>
<div id="content">居中的模块</div>
</BODY>
</HTML>