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



  
이미지
 

body에 background-image 여러개 적용하기
2021-03-07 03:27:45 댓글:(0)   조회:304
. 
<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 305
   타블렛/와콤 뱀부 3세대 타 1959
     [RE] 타블렛/와콤 뱀부 17
       [RE] 타블렛/와콤 뱀부 17
         [RE] 타블렛/와콤 뱀 20
           [RE] 타블렛/와콤 16
   ffmpeg로 동영상에서 j 5750
   인터넷에 사진을 올리면 사진(푸른산) 2063
   포토샵 - 도장툴 1963
   포토샵 - 색상 보정 1835
   포토샵- 색상대체 2351
   움직이는 gif 민들기 1839
   사진 해상도 낮추는법 5581
   홈페이지에 메뉴 만들기...(홈마스타) 1980
   배너만들기(홈마스타) 2035

[1]  [2]  


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



 
최근 글 [손님]




 
인기 글 [손님]
[홈마스타] setinterval 사용과 중지
[깊은연못] KMFM - 24시간 연주곡