CSS 스타일 배경 속성 정의하기

CSS 규칙 정의 대화 상자의 배경 범주를 사용하여 CSS 스타일의 배경 설정을 정의합니다. 웹 페이지의 모든 요소에 배경 속성을 적용할 수 있습니다. 예를 들어, 텍스트 뒤, 표, 페이지 등의 페이지 요소에 배경색이나 배경 이미지를 추가하는 스타일을 만듭니다. 배경 이미지의 위치를 설정할 수도 있습니다. CSS를 사용하여 텍스트 서식 적용하기 및 CSS 규칙 편집하기를 참조하십시오.

배경 설정을 정의하려면:

  1. CSS 스타일 패널이 열려 있지 않으면 엽니다(Shift+F11).
  2. 다음 중 한 가지를 수행하여 CSS 규칙 정의 대화 상자를 엽니다.
  3. CSS 규칙 정의 대화 상자에서 배경 을 선택한 다음 원하는 스타일 속성을 설정합니다.

    다음 중 스타일에 크게 영향을 주지 않는 속성은 비워 둡니다.

    배경색은 요소의 배경색을 설정합니다. 배경색 속성은 두 브라우저에서 모두 지원됩니다.

    배경 이미지는 요소의 배경 이미지를 설정합니다. 배경 이미지 속성은 두 브라우저에서 모두 지원됩니다.

    반복은 배경 이미지 반복 여부와 반복 방식을 지정합니다. 반복 속성은 두 브라우저에서 모두 지원됩니다.

    반복 없음은 요소의 시작 부분에 이미지를 한 번만 표시합니다.

    반복은 이미지를 요소의 뒤에 수평 및 수직 방향으로 바둑판식으로 배열합니다.

    x 반복과 y 반복은 각각 이미지를 수평이나 수직 띠 모양으로 표시합니다. 이미지는 요소의 테두리 안에 맞게 잘립니다.

    중요

     

    반복 속성을 사용하여 body 태그를 재정의하고 바둑판식으로 배열되거나 반복되지 않는 배경 이미지를 설정합니다.

    첨부는 배경 이미지를 원래 위치에 고정할지 아니면 내용과 함께 스크롤할지 지정합니다. 일부 브라우저에서는 고정 옵션도 스크롤 옵션으로 처리합니다. Internet Explorer에서는 이 속성이 지원되지만 Netscape Navigator에서는 지원되지 않습니다.

    수평 위치와 수직 위치는 배경 이미지의 처음 위치를 요소에 대한 상대적인 위치로 지정합니다. 이 속성은 배경 이미지를 수직 및 수평 방향 모두에 대해 가운데에 정렬할 때 사용할 수 있습니다. 첨부 속성이 고정이면 위치는 요소가 아닌 문서 윈도우에 대한 상대적인 위치로 지정됩니다. Internet Explorer에서는 이 속성이 지원되지만 Netscape Navigator에서는 지원되지 않습니다.

  4. 이러한 옵션 설정이 모두 끝나면 패널 왼쪽에서 다른 CSS 범주를 선택하여 다른 스타일 속성을 설정하거나 확인을 클릭합니다.

 

이 페이지에 의견 추가되면 전자 메일 알림 받기 | 의견 보고서

현재 페이지: http://livedocs.adobe.com/dreamweaver/8_kr/using/14_tex51.htm