css练习题：一屏包围效果
是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>