배경이미지 전체화면 적용 (background-size:cover) > HTML/CSS

본문 바로가기
사이트 내 전체검색


회원로그인

HTML/CSS

 > 개발자료 > HTML/CSS

HTML/CSS

CSS3 | 배경이미지 전체화면 적용 (background-size:cover)

페이지 정보

작성자 GIT 작성일17-03-30 15:33 조회2,564회 댓글0건

본문

■ background-size

- css3

- background-size: cover;            // 배경 전체를 채움 (비율을 유지하기 때문에 이미지가 잘릴수 있음)

- background-size: 100% 100%;    // 배경 전체를 채움 (비율유지X)

- background-size: auto;             // 원본값

- background-size: 200px 150px;  // 가로 200px, 세로 150px

 

 

<예>

div {
     background: url(test.jpg);
    background-size: cover;

}

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

HTML/CSS 목록

게시물 검색

접속자집계

오늘
501
어제
585
최대
1,173
전체
972,998
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.