반응형

1
2
3
4
5
6
7
8
9
10
11
12
13
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
.bg{
  font-family:'Jeju Gothic', serif;
  color:white;
  width:100%;
  height:100vh;
  background: url("http://img1.daumcdn.net/thumb/R1920x0/?fname=http%3A%2F%2Fcfile27.uf.tistory.com%2Fimage%2F99D4B44E5B4B123D2DBB4F") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
cs


배경화면이 풀 페이지로 가득차게 하기 위한 CSS



1
2
3
4
5
.img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
cs


이미지 가운데 정렬을 위한 CSS

반응형