테이블 백그라운드 이미지 태그 및 반복되지 않게


통상 테이블의 각 셀(TD)에 또는 테이블 전체에 이미지를 배경(백그라운드)로 넣기 위해서는 아래와 같이 테이블 태그를 사용합니다. 

<td background="이미지가 있는 경로(파일명 및 확장자포함)">
 
위와 같이 테이블의 셀인 td 태그 안에 테이블의 배경을 입혀 줄 수 있습니다. 또는 전체 테이블 태그(Tag)안에 배경(background image)위와 같은 방법으로 넣어줄 수 있는데요. 문제는 이미지가 테이블이나 각 셀의 크기에 정확히 맞지 않으면 반복해서 보여진다는 점입니다.

따라서, 아래와 같이 스타일(Style)을 사용해서 테이블 백그라운드 이미지를 반복되지 않게 설정을 해 줍니다.

<td background="이미지가 있는 경로(파일명 및 확장자포함)" style="background-repeat:no-repeat">

위와 같이 style="background-repeat:no-repeat" 의 스타일 태그에서 repeat 속성을 'no' 을 해주면 테이블 태그 안의 배경이미지(백그라운드이미지)가 반복하지 않고 한번만 보여지게 됩니다.

신고
글 제목  :  

테이블 백그라운드 이미지 태그 및 반복되지 않게

글 카테고리  :   iOS 앱 개발 :: APP DEVELOPMENT/App Dev. Tips
글쓴이  :   ZO
관련문의  :   GUEST BOOK 또는 이메일( zosolution@hanmail.net )