1.设置背景根据屏幕大小自己适应,铺满整个背景
body{
background:url(../img/back.png) no-repeat center center;
background-size: 100% 100%;
background-attachment: fixed;
}
2.居中
.box2{
background:url(../img/启迪LOGO.png) no-repeat center center;
width:550px;
height:550px ;
}
margin:0 auto;
3.设置实线,去掉两边使其变短
要设置它的粗细要在其style属性里设置 style="height : 10px"
如果要改变他的长度也是在style属性里设置style="weight: 10px"
如要设置其两头透明:style="filter: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 size=3>"
4.position定位
1、static:static是所有元素的默认属性,也就是可以理解为正常的文档流
2、relative:relative是相对于自己文档的位置来定位的,对旁边的元素没有影响
3、absolute:absolute是相对于父标签来进行定位的,如果没有父标签或者父标签是static,那么sorry,absolute会相对于文档定位(不同于fixed相对于浏览器定位)
4、fixed:fixed,相对于浏览器窗口来定位的。不会因为滚动条滚动。