가운데 정렬, 중앙 이미지 고정, absolute 이용한 중앙 정렬, body 요소 가운데

가운데 정렬

1.

<style>

body {}

.center { background : url(4.png) no-repeat;

width : 700px;

height : 700px;

margin : 0 auto;

}

</style>

2.

 <div style="width : 100%; text-align : center;">

<div style="width : 860px; height : 700px; margin : auto;"></div>

 < /div>

 

 

---------------------------------------------------------------------

 

중앙 이미지 고정

 

background : url(*.jpg) no-repeat fixed center center;

 

 

---------------------------------------------------------------------

 

absolute 이용한 중앙 정렬

 

#gotop {

position : absolute;

left : 50%;

top : 50%;

margin-left : 410px;

background : #ddd;

width : 100px;

height : 1000px;

}

 

 

---------------------------------------------------------------------

 

body 요소 가운데

 

body {

margin : 0 auto;

width : 930px;

position : relative;

}