1、 我们在代码中加入2个层:div1和div2,代码如下:
<div class="div1">层1</div>
<div class="div2">层2</div>
2、写对应的css代码,我们先不加fixed属性试试:
.div1{
background-color:#FF0000
width:100px
height:100px
}
.div2{
background-color:#33FF66
width:100px
height:100px
}
3、然后我们F12运行一下看看效果,我是用的dreamweaver 8,你也可以直接在记事本里面测试代码.
4、下面我们把fixed属性加上去,为了让我们便于观察,我们让层div1的宽和高足够大,css代码如下:
.div1{
background-color:#FF0000
width:2000px
height:2000px
}
.div2{
background-color:#33FF66
width:100px
height:100px
position:fixed
left:50px
top:50px
}
标签或者div是一个矩形而且只能是矩形,所以一共有4条边,而设置单独一条边框是必须与这个边长度或者宽度相等的,最多只能控制边框的粗细或者样式(虚线、实线)而已;你要是想一边长一边短,那就只能用图片来模拟代替了