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



  
이미지
 


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


<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 / 2   

body에 backgroun 198
   타블렛/와콤 뱀부 3세대 타 1931
     [RE] 타블렛/와콤 뱀부 17
       [RE] 타블렛/와콤 뱀부 17
         [RE] 타블렛/와콤 뱀 20
           [RE] 타블렛/와콤 16
   ffmpeg로 동영상에서 j 5423
   인터넷에 사진을 올리면 사진(푸른산) 2038
   포토샵 - 도장툴 1944
   포토샵 - 색상 보정 1809

[1]  [2]  


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



 
최근 글
[손님]




 
인기 글
[손님]
[홈마스타] 카네기의 지도론