Skip to content

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제

이미지를 패턴형태로 반복해서 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif');">
</BODY>

 

이미지를 패턴형태로 가로로만 반복해서 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif') repeat-x;">
</BODY>


이미지를 패턴형태로 세로로만 반복해서 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif') repeat-y;">
</BODY>

 

이미지를 가운데 위쪽에 한번만 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif') no-repeat center top;">
</BODY>

 

 

즉, repeat 속성과 포지션 속성을 적용하여 여러가지 형태로 나타낼 수 있습니다.

 

반복옵션 : repeat-x / repeat-y / no-repeat
가로 방향 위치정의 : left / center  / top
세로 방향 위치정의 : top / middle / bottom


네이버 지식인에서 펌


List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 8682
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9327
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9343
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9945
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10085
65 XE 홈피 xe로 홈피 만들기 실전 1 - 개론 gsm 2012.11.12 2526
64 연습용 홈페이지 형식의 자기소개서? file gsm 2012.10.31 1761
63 XE 홈피 지금까지 사용해본 레이아웃 file gsm 2012.10.31 2334
62 XE 홈피 xe 설치 두번째 gsm 2012.10.25 2648
61 기타팁 풀다운 메뉴 file gsm 2012.10.05 1575
60 제로보드4 제로보드 4 설치과정 file gsm 2012.07.15 1696
59 연습용 언젠가 만들었던 연습용 홈피 file gsm 2012.06.19 1784
58 연습용 사진배경 홈피 file gsm 2012.05.03 1947
57 기타팁 웹폰트 file gsm 2012.03.22 2797
56 XE 홈피 xe.. 제로보드 4처럼 사용하기.. gsm 2012.03.20 5690
55 연습용 테이블 레이아웃 두번째 file gsm 2012.03.20 1754
» 기타팁 배경 x,y축으로 반복 또는 한번만 출력 gsm 2012.03.19 1565
53 연습용 테이블을 이용한 xe레이아웃 도전 file gsm 2012.03.11 1819
52 연습용 xe 홈피만들기 연습 file gsm 2012.03.07 1999
51 연습용 제로보드4 노프레임 홈피파일 file gsm 2012.02.20 2247
50 기타팁 포토샵 액션을 이용한 초간단 사진효과 file gsm 2012.02.15 2545
49 기타팁 audio html5 태그 file gsm 2012.02.02 6514
48 기타팁 embed 스타일 file gsm 2011.11.11 8125
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소