CSS怎么为body加边框且居中

html-css012

CSS怎么为body加边框且居中,第1张

为body的内容加边框,就在body里面设置个div

,然后设置它的属性,比如:边框boder:1px

solid

#f00

居中:margin:auto;层里面的内容你不设置还是原来的样子。

.div{margin:0

auto

width:800pxheight:200pxbackground:#f00display:table}

margin:0

auto

就是上下为0

左右居中

不能加FLOAT

否则不生效

display:table

是为了让高自动增加

就是自适应高度

是为了给CHROME或者FF设置的

IE不受影响,否则高度始终是为0的;

然后在在DIV里面写任何代码都没有事了

他会始终以BODY居中

你的写法在不同浏览器下有不同效果。

1.在ie6下因为你设置了body,text-align:center,所以div以其最左侧为基准居中,也就是div最左上角那点为基准来居中。

2.在火狐下不支持text-align:center所以直接在页面左侧,你会发现不是挨着浏览器边框,是因为网页自身默认内容部分有一定的边距,你只有把边距设为0,才会真正的挨着浏览器的边框,这就是所有body里都有margin:0这个属性的原因。