일반적인 배경이미지는 <body background="이미지경로">의 형태로 사용됩니다. 그러나 아래 스타일정의를 이용한 배경이미지는 원하는 위치에 원하는 패턴으로 배경이미지를 지정할 수 있게 해주는 것입니다. 아래는 배경이미지제어 스타일의 기본형식이며 <head>와 </head>사이에 삽입하면 됩니다. < STYLE> < !-- body{background-image : url(배경이미지 경로) ; background-repeat : 속성; } //--> < /STYLE> ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 배경이미지의 패턴양식을 지정합니다. ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ background repeat = 배경이미지 연속으로 보여주기 repeat-x = 배경이미지 가로방향으로 보여주기 repeat-y = 배경이미지 세로방향으로 보여주기 no-repeat = 배경이미지 한번만 보여주기 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ background-repeat : no-repeat 와 함께쓰이며 배경이미지를 원하는 위치에 지정할때 쓰입니다 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ background-attachment left = 배경이미지를 좌측으로 지정합니다 right = 배경이미지를 우측으로 지정합니다 center = 배경이미지를 중앙으로 지정합니다 top = 배경이미지를 상단으로 지정합니다 bottom = 배경이미지를 하단으로 지정합니다 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 텍스트가 배경이미지와 함께 스크롤되거나 텍스트만 스크롤될때 사용합니다 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ background-attachment scroll = 배경이미지가 텍스트와 함께 스크롤 됩니다 fixed = 배경이미지는 고정되고 텍스트만 스크롤됩니다 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ *오른쪽 위치의 아래쪽으로 지정하실려면 bottom right 처럼 한칸띄워서 명령어를 넣어주시면 됩니다. *왼쪽위치의 아래쪽에 넣을려면 bottom left 라고 하면 됩니다 |
'Html & Css' 카테고리의 다른 글
투명테이블과 아이프레임 (0) | 2016.06.02 |
---|---|
점선 없애기... (0) | 2016.06.02 |
태그로 점선 테이블을 만들기 (0) | 2016.06.02 |
css스타일 활용하기 (0) | 2016.06.02 |
프레임에 테두리를 넣고 싶을때 (0) | 2016.06.02 |