SPATIUM Desktop
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     ADK (2)
     android (3)
     ASP (5)
     ASP.Net (1)
     C# (5)
     HTML (9)
     JAVA (6)
     JavaScript (9)
     jQuery (5)
     Mobile Web (2)
     Oracle (8)
     PHP (7)
     Spring Framework (4)
     SQL (15)
     WPF (5)
   ID  
   Password  
  |  
  Location United States
  IP Address 54.80.198.173
2018. 06
12
3456789
10111213141516
17181920212223
24
25
2627282930
Category  Languages, HTML
Writer 김태우 Date 2012-04-25 10:07:56 Visit 2243
CSS background image 설정

 

CSS background image 설정

 

1. background-image : url(test.gif);

 : 배경 이미지 선택
 
2. background-repeat : no-repeat;

 : no-repeat - 배경 이미지가 한번만 나타나게 한다
 : repeat - 배경 전체에 가로, 세로방향으로 반복 적용된다 [default]
 : repeat-x - 가로 방향으로만 반복 적용된다. 상단 가로 일적선 방향으로 반복
 : repeat-y - 세로 방향으로만 반복 적용된다. 좌측면을 따라 세로 일직선상으로 반복


3. background-attachment : scroll; 

 : scroll - 문서와 배경이 같이 스크롤 된다 [default]
 : fixed - 문서는 스크롤이 되지만 배경은 스크롤이 되지 않는다
 : local - 배경이 엘리먼트 콘텐츠에 고정
 
4. background-position : 0px 0px;

 : 0px 0px - 첫번째는 left 값, 두번째는 top 값
 : 25% 25% - 부모 엘리먼트의 크기에 비례한 가로, 세로 값
 : top, bottom, left, right, center  키워드 가능
 

 

 

Tags  css background, background-image, background-repea
  Relation Articles
[Languages-HTML] CSS background image 설정 (2012-04-25 10:07:56)
  Your Opinion
Member ID
150 letters
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail