XHTML/CSS를 이용한 이미지 데코레이션

웹스터디/xhtmlcss
Nick La의 디자인 블로그 WebDesignerWall에서 XHTML/CSS를 이용한 겔러리 이미지 데코레이션 CSS Decorative Gallery에 대한 기사가 올라왔다. 이미지툴에서 별도의 작업 없이 SPAN 태그만으로 다양한 이미지 데코레이팅이 가능하다는 것을 볼 수 있다. 기본적으로 PNG의 알파채널을 이용해서 눈에 보이는 부분과 투명값이 적용된 부분을 이용한 Trick인데, WTA의 겔러리에서 Flash Winner등의 뱃지가 썸네일 좌측 상단에 붙어있는 것도 이것과 마찬가지로 Span 태그를 이용한 데코레이션 기법이다.

예문을 8가지나 들어 데모페이지를 제공하고 있으므로 누구나 쉽게 가장 마음에 드는 데코레이션 기법을 사용해 볼 수 있다. http://www.webtrendawards.com/1337

'웹스터디 > xhtmlcss' 카테고리의 다른 글

display : inline(혹은 block, none)  (0) 2008.11.08
아름다운 CSS 타이포그라피 10선  (0) 2008.11.02
체크박스와 라디오버튼을 이미지로 사용하자  (0) 2008.10.17
Customized input elements  (0) 2008.10.17
Shoutbox  (0) 2008.10.17
심플한 블록 메뉴 Clean CSS Block Navigation  (0) 2008.10.17
CSS Vertical Navigation Menu  (0) 2008.10.17
XHTML및 HTML 4.01부터 사용 불가능한 태그들 정리  (0) 2008.07.29
IE 6, 7 버전별로 CSS 다르게 적용시키기  (1) 2008.07.29
IE6에서 레이어 고정시키기 핵. Fixed Layer Hack for IE6.  (0) 2008.07.29
by Anna 안나 2008. 10. 17. 18:45

티스토리툴바