CSS中的边界margin的取值为负值说明

CSS中的边界margin的取值也可以为负值,有时候我们不敢相信,这是一个有趣的话题,负值边界会给我们带来更多新奇的创意,让我们的工作更具刺激和挑战。

来看看一个实例吧
     首先看一下CSS代码:


XHTML结构如下:

 


 左栏


 右栏

运行结果:



现在,我们想把左右两栏位置互换一下,只需把


 左栏   


 右栏


换成:

 右栏


 左栏   

即可。
但是,当页面很复杂时,各种标签相互嵌套,代码成百上千行,这个看似简单的位置调换,可能需要花上很长的时间,也并一定能达到需要的效果,现在,我们换一种思路来实现:
#box1{
 border:solid 5px #ff0099;
 background-image:url('bg2.jpg-600');
 margin-left:105px;
 
}
#box2{
 border:solid 5px #ffff00;
 background-image:url('bg3.jpg-600');
 margin-left:-420px;

运行后:

以上就是CSS中的边界margin的取值为负值说明的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程