본문 바로가기
프론트엔드/CSS

[CSS] Background 속성

by jinwanseo 2021. 3. 4.
728x90

CSS background-image background-repeat background-size background-position

   background 관련 속성

background-image : 이미지 주소, 경로

background-repeat : 이미지 반복 여부

background-size : 이미지 사이즈 자동 축소 확대

background-position : 이미지 중앙부 포커스 출력

 

CSS Selector {

    background-image : url('이미지주소');

	/*이미지 반복 여부*/
    background-repeat : no-repeat;

	/*이미지 중앙부 포커스 출력*/
    background-position : center;

	/*커버에 맞춰 이미지 사이즈 자동 축소 확대*/
    background-size : cover;

}

 

 

728x90

댓글