이로

body에 background-image 여러개 적용하기 본문

컴퓨터/HTML

body에 background-image 여러개 적용하기

利路 2019. 10. 1. 07:17
반응형
<body style="background-image:url('/img/table.png'), url('/img/book.png');
background-size:100% 30%, 100% 100%; 
background-position:0px 45% ,0px 0px;
background-repeat:no-repeat;">

background-image 여러개 적용하는 방법

1. background-imag 뒤 적용할 이미지의 url 주소를 , 로 구분하여 background image를 넣을 개수만큼 입력한다.

2. background-size 로 각 이미지의 크기를 조절

3. background-position 으로 (왼쪽 위 기준) 각 이미지의 위치 조절

(이미지가 겹치는 경우 왼쪽에 있는 파일이 앞쪽에 적용된다.)

반응형
저작자표시 비영리 변경금지
Comments