웹모아
웹모아[손님] 검색   로그인 / 회원가입    



 
이미지
 


body에 background-image 여러개 적용하기
  2021-03-07 03:27:45 댓글:(0)   조회:20



<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 으로 (왼쪽 위 기준) 각 이미지의 위치 조절 (이미지가 겹치는 경우 왼쪽에 있는 파일이 앞쪽에 적용된다.)


body{background-image:url(images/ch.png), url(images/bg.jpg); background-size:280px 130px700px 150pxbackground-position:200px 20px ,0 0background-repeat:no-repeat;}





 댓글 (0)


이미지
페이지: 1 / 1   


body에 background-image 여러개 적 21
   타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/ 1894
     [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무 10
       [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/ 10
         [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿 13
           [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블 9
   ffmpeg로 동영상에서 jpg 이미지 추출방법 5038
   인터넷에 사진을 올리면 사진이 어둡게(푸른산) 2004
   포토샵 - 도장툴 1879
   포토샵 - 색상 보정 1765
   포토샵- 색상대체 2270
   움직이는 gif 민들기 1729
   사진 해상도 낮추는법 5223
   홈페이지에 메뉴 만들기...(홈마스타) 1894
   배너만들기(홈마스타) 1970
   배너 만들기(홈마스타) 1792
   포토샵으로 배너 만들기(홈마스타) 2043
   이미지 싸이즈 줄이는 방법(홈마스타) 1648
[1]  

복수단어 검색은 공백(space)로 구분해 주세요. 1



 
최근 글
[손님]

인기 글
[손님]
[홈마스타] setinterval 사용과 중지