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


  
이미지
 

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


<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;}


. 


[다음글]  [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/와콤 CTH-470/뱀부 PEN&터치


 
댓글쓰기는 회원(로그인 하신분) 이상 가능합니다.


 댓글 (0)

  
이미지
페이지: 1 / 2   

 body에 background-image 여러개 적용하기
열람:1955   2021.03.07


 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/와콤 CTH-470/뱀부 PEN&터치
열람:2668   2012.11.17


   [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/와콤 CTH-470/뱀부 PEN&터치
열람:83   2012.11.17


     [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/와콤 CTH-470/뱀부 PEN&터치
열람:82   2012.11.17


       [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/와콤 CTH-470/뱀부 PEN&터치
열람:85   2012.11.17


         [RE] 타블렛/와콤 뱀부 3세대 타블렛/태블릿/무선타블렛/와콤 CTH-470/뱀부 PEN&터치
열람:82   2012.11.17


 ffmpeg로 동영상에서 jpg 이미지 추출방법
열람:9484   2012.07.16


 인터넷에 사진을 올리면 사진이 어둡게
(푸른산) 열람:2885   2011.09.05


 포토샵 - 도장툴
열람:2592   2009.11.16


 포토샵 - 색상 보정
열람:2455   2009.11.16



[1]  [2]  

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




 
최근 글 [손님]
 
인기 글 [손님]
[예진아씨] 자료없음
[푸른산] 검색식