반응형
통상 테이블의 각 셀(TD)에 또는 테이블 전체에 이미지를 배경(백그라운드)로 넣기 위해서는 아래와 같이 테이블 태그를 사용합니다.
위와 같이 테이블의 셀인 td 태그 안에 테이블의 배경을 입혀 줄 수 있습니다. 또는 전체 테이블 태그(Tag)안에 배경(background image)위와 같은 방법으로 넣어줄 수 있는데요. 문제는 이미지가 테이블이나 각 셀의 크기에 정확히 맞지 않으면 반복해서 보여진다는 점입니다.
따라서, 아래와 같이 스타일(Style)을 사용해서 테이블 백그라운드 이미지를 반복되지 않게 설정을 해 줍니다.
위와 같이 style="background-repeat:no-repeat" 의 스타일 태그에서 repeat 속성을 'no' 을 해주면 테이블 태그 안의 배경이미지(백그라운드이미지)가 반복하지 않고 한번만 보여지게 됩니다.
<td background="이미지가 있는 경로(파일명 및 확장자포함)">
위와 같이 테이블의 셀인 td 태그 안에 테이블의 배경을 입혀 줄 수 있습니다. 또는 전체 테이블 태그(Tag)안에 배경(background image)위와 같은 방법으로 넣어줄 수 있는데요. 문제는 이미지가 테이블이나 각 셀의 크기에 정확히 맞지 않으면 반복해서 보여진다는 점입니다.
따라서, 아래와 같이 스타일(Style)을 사용해서 테이블 백그라운드 이미지를 반복되지 않게 설정을 해 줍니다.
<td background="이미지가 있는 경로(파일명 및 확장자포함)" style="background-repeat:no-repeat">
위와 같이 style="background-repeat:no-repeat" 의 스타일 태그에서 repeat 속성을 'no' 을 해주면 테이블 태그 안의 배경이미지(백그라운드이미지)가 반복하지 않고 한번만 보여지게 됩니다.
반응형
