수다닷컴

안녕하세요^^
이번에 또 다른 프로젝트로 인해서 궁금한게 있어서 질문드립니다.
제가 이번에 작업하는 작업물이 아직까지 코딩환경이 css3환경이 아니기에
라운드 이미지 코딩 방법에 관해서 여쭤볼게 있어서 문의 드립니다.대충 이런 그림자가 들어가있는 이미지 인데요 제가 기존에 하던 방식은 좌우는 고정된 영역이기에이러한 형태로 상단 중간 하단으로 3가지 형태로 이미지를 잘라서
상단
중간(반복)
하단

이런형태로 작업했었는데 좀더 쉽게 하는 방식이나 조금 리스크를 줄일수 있는 방법이 있을까요?
이미지는 배경이 있어서 png로 처리 되어야 하구요

예전에 제가 하던방식은

.top{background:url(상단이미지.png) no-repeat; height:20px;}
.middle{background:url(중간이미지.png) reapeat-y; height:100%;}
.bottom{background:url(하단이미지.png) no-repeat; height:20px;}

div class=top/div
div class=middle/div
div class=bottom/div

이렇게 작업했는데 어떻게 보면 마크업 단에서는 top 이랑 bottom이 필요없어는 요소일수도 있기때문에 문의드립니다..^^

신청하기