반응형
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
반응형
'Basic > HTML & CSS' 카테고리의 다른 글
카카오, 라인, 구글, 페이스북으로 로그인하기 CSS (0) | 2018.08.16 |
---|---|
CSS를 이용하여 글자 정 가운데 위치시키기 (4) | 2018.08.06 |
반응형 iframe 만들기 (0) | 2016.10.21 |
특정 부분 링크 거는 태그 (0) | 2015.02.20 |
input type로 Radio Button 이용법 (0) | 2015.02.19 |