Whiteship's Note

[CSS]그라데이션 배경 사용하기

View/HTML/CSS : 2009.05.22 09:54



가로 폭 1px 짜리 그라데이션 이미지를 만들고, 가로로 쭉 반복 시켜줌.

background: url(배경이미지) repeat-x;

=> 배경 이미지를 가로로 반복시킴. 세로로 반복하는 repeat-y도 있음.

배경이 커서 그라데이션 이미지로 커버가 안 될 때는 그라데이션이 끝나는 지점과 같은 색을 배경으로 깔아줌.

background: 색상코드 url(images/new/level1_bg.png) repeat-x;



'View > HTML/CSS' 카테고리의 다른 글

[IBM DW] HTML5 navigator  (0) 2010.07.06
[CSS] 탭 만들기  (2) 2009.05.26
[CSS] 링크 적용 범위 넓히기, 롤오버 효과 주기  (0) 2009.05.22
[CSS]그라데이션 배경 사용하기  (2) 2009.05.22
XPath Path Expression 문법  (0) 2009.05.15
Chapter 14. Image Replacement  (0) 2008.03.31
Chpater 13. Styling Text  (0) 2008.03.31
Chapter 10. Applying CSS  (0) 2008.03.26
Chapter 9. Minimizing Markup  (0) 2008.03.23
Chapter 8. More Lists  (0) 2008.03.23
Chapter 7. Anchors  (0) 2008.03.23
top

  1. Favicon of http://helols.pe.kr BlogIcon 성윤 2009.05.22 18:00 PERM. MOD/DEL REPLY

    머 보고 공부중이에요 ?

    Favicon of http://whiteship.tistory.com BlogIcon 기선 2009.05.23 00:16 PERM MOD/DEL

    방탄웹이랑 녹색책 둘 다 에이콘 번역서

Write a comment.




: 1 : ··· : 503 : 504 : 505 : 506 : 507 : 508 : 509 : 510 : 511 : ··· : 2638 :