Dreamweaver CSS 패널의 배경 패널 - Dreamweaver의 CSS 디자이너 패널에서 배경 패널을 사용하는 더미

배경 패널을 사용하여 배경을 표시 할 수있는 웹 페이지의 요소에 배경 스타일 설정을 사용할 수 있습니다. 스타일에 배경색이나 이미지를 지정하고 배경이 페이지에 표시되는 방식을 제어 할 수 있습니다. 웹 페이지의 배경을 표시 할 수있는 요소 (예:, 및 이미지 태그 포함)에 배경 스타일 설정을 사용할 수 있습니다.

예를 들어 전체 페이지에 적용되는 배경 설정을 포함하도록 태그를 변경하거나 클래스 또는 ID 선택기로 스타일을 만들고 개인 뒤에 만 나타나는 배경을 지정할 수 있습니다 꼬리표.

배경을 태그의 클래스 또는 ID 스타일에 포함시킴으로써 배경이 태그가 사용되는 곳에서만 화면에 표시되도록 제한 할 수 있습니다. 배경 옵션은 이미지 주위에 여백을 처음으로 설정 한 경우에만 이미지와 함께 작동합니다.

배경 옵션에서 선택할 수 있습니다.

• 배경색: 여러 가지 방법 중 하나를 사용하여 정의 된 스타일의 배경색을 지정합니다. 색상 영역을 클릭하고 미리 정의 된 색상을 선택하거나 사용자 정의 색상을 만들 수 있습니다. 또는 스포이드를 사용하여 화면의 색상을 샘플링 할 수 있습니다. 마지막으로 16 진수 색상 코드를 입력 할 수 있습니다. #은 검정색은 # 000000, 흰색은 #ffffff와 같이 #을 포함해야합니다.

• 배경 이미지: 스타일 정의에서 배경으로 사용할 이미지를 선택하십시오. 컴퓨터 나 인터넷의 이미지 URL을 입력하거나 폴더 아이콘을 클릭하여 하드 드라이브를 찾아 이미지를 선택하십시오.

• 배경 위치: 각 필드에 숫자를 입력하여 부모 요소의 왼쪽과 위쪽에서 배경 이미지의 위치를 ​​지정합니다. 이 옵션은 배경 섹션의 URL 필드 옆에있는 작은 화살표를 클릭하면 추가 필드가 표시됩니다.

• 크기: 픽셀, 치수 또는 다른 옵션으로 측정 값을 선택한 다음 배경에 원하는 크기를 입력하십시오. 크기 필드를 자동 (기본값)으로 설정하면 이미지가 실제 크기로 표시됩니다.

• 배경 클립: 배경이 테두리, 패딩 또는 태그와 같은 상자 요소의 내용을 시작할 것인지 여부를 지정합니다.

• 배경 반복: 해당 아이콘을 클릭하면 배경 이미지가 반복되는 방식과 타일을 페이지 전체 또는 아래로 반복할지 여부를 지정할 수 있습니다. 배경 이미지는 기본적으로 바둑판 식으로 배열되므로 배경을 반복하지 않거나 반복되는 방식을 지정하려는 경우 옵션을 선택해야합니다. 또한 이미지가 적용되는 요소보다 크면 요소의 표시 영역에 맞을만큼 많은 이미지 만 표시됩니다.예를 들어 600 픽셀 너비의 이미지를 300 픽셀 너비로 설정된 태그의 배경으로 사용하면 이미지의 절반 만 볼 수 있습니다.

  상속:

  다른 옵션을 선택하지 않으면 각 요소는 상위 요소의 동작을 상속받습니다. 이 기본 옵션은 지정하지 않아도됩니다.

  • 반복: 배경 이미지가 요소의 배경에서 세로 및 가로로 반복됩니다.

  • Repeat-X: 배경은 요소의 배경에서 가로로, 그러나 세로로는 반복하지 않습니다.

  • 반복 -Y: 배경이 요소의 배경에서 세로로 반복되지만 가로로 반복되지 않습니다.

  • 반복하지 않음: 배경이 요소의 왼쪽 상단에 한 번 표시됩니다.

  • 원산지: 배경의 원점이 테두리, 패딩 또는 태그와 같은 상자 요소의 내용에서 시작하는지 여부를 지정합니다.

  • 첨부: 페이지가 스크롤 될 때 배경이 어떻게 작동하는지 결정합니다. 옵션은

• 상속: 다른 옵션을 선택하지 않으면 각 요소가 상위 요소의 동작을 상속받습니다. 이 옵션은 기본 옵션이므로 지정하지 않아도됩니다.

  • 수정 됨: 배경이보기 영역의 한 곳에 붙어 있으며 웹 페이지가 스크롤 되어도 보이지 않게 스크롤되지 않습니다.

  • 스크롤: 배경이 웹 페이지와 함께 스크롤됩니다.

  • 그라디언트: 그라디언트 옆의 색상을 클릭하여 Dreamweaver의 새로운 시각적 그라디언트 선택기를 엽니 다.