비디오: HTML 배경색 변경 방법 2025
Dreamweaver에서 모양 범주에서 사용할 수있는 배경 및 텍스트 색상을 변경할 수 있습니다. CSS 옵션은 HTML 옵션보다 권장됩니다. 모양새 (CSS) 옵션을 사용하면 Dreamweaver에서는 body 태그에 해당하는 스타일을 자동으로 만듭니다. 페이지 속성 대화 상자에서 CSS 옵션을 사용하면 Dreamweaver에서 자동으로 해당 스타일을 만들고 CSS 스타일 패널에 나열합니다.
페이지 속성 대화 상자에서 텍스트 크기 및 색상과 같은 전역 설정을 적용 할 수 있지만 특정 인스턴스의 다른 서식 지정 옵션으로 해당 설정을 재정의 할 수 있습니다. 예를 들어, 모든 텍스트를 페이지 속성의 Helvetica로 설정 한 다음 CSS를 사용하여 헤드 라인의 글꼴을 Arial로 변경할 수 있습니다.
전체 페이지의 글꼴 설정, 배경색, 텍스트 색 및 페이지 여백을 변경하려면 다음 단계를 따르십시오.
->-
수정 → 페이지 속성을 선택하십시오.
페이지 속성 대화 상자의 모양 (CSS) 범주가 나타납니다.
-
페이지 글꼴 드롭 다운 목록에서 페이지의 텍스트에 사용할 글꼴을 지정하십시오.
이 예제에서 글꼴 얼굴은 Cambria 글꼴로 시작하는 모음으로 설정됩니다. 글꼴을 지정하지 않으면 텍스트는 사용자 브라우저에 지정된 글꼴로 표시됩니다. 일반적으로 Times입니다.
-
페이지의 모든 텍스트를 굵게 또는 기울임 꼴로 표시하려면 [페이지 글꼴] 옵션의 오른쪽에있는 드롭 다운 목록에서 해당 글꼴 옵션을 선택하십시오.
이 옵션 중 하나를 선택하면 모든 텍스트가 페이지에서 굵게 또는 기울임 꼴로 나타납니다. 대부분의 디자이너는 굵은 글씨 또는 기울임 꼴을 사용하여 단어 나 단어에 특별한주의를 기울이기를 원하기 때문에이 두 필드를 비워 둡니다.
-
크기 드롭 다운 목록에서 페이지의 텍스트에 대해 원하는 글꼴 크기를 지정하십시오.
다시 헤드 라인과 같이 페이지의 특정 텍스트에 대해이 설정을 재정의 할 수 있습니다.
-
텍스트 색상 견본 상자를 클릭하여 색상 표를 표시합니다. 원하는 색상을 선택하십시오.
선택한 색상은 색상 견본 상자를 채우지 만 적용 또는 확인 버튼을 클릭 할 때까지 페이지의 텍스트 색상이 변경되지 않습니다.
-
배경 색상 견본 상자를 클릭하여 색상 표를 표시합니다. 원하는 색상을 선택하십시오.
선택한 색상이 색상 견본 상자를 채우지 만 적용 또는 확인 버튼을 클릭 할 때까지 배경색이 채워지지 않습니다.
-
페이지 배경에 그래픽이나 사진을 삽입하려면 [배경 이미지] 상자 옆에있는 [찾아보기] 단추를 클릭하고 [이미지 소스 선택] 대화 상자에서 이미지를 선택하십시오.
배경 이미지를 삽입하면 반복 드롭 다운 목록에서 옵션을 선택하지 않으면 배경 이미지가 페이지를 가로 질러 자동으로 반복되거나 타일, 됩니다. No-Repeat은 배경 이미지가 전혀 반복되지 않도록합니다. 반복 -X 및 반복 -Y는 각각 페이지에서 이미지를 세로 (x 축) 또는 가로 (y 축)로 각각 반복합니다.
-
대화 상자 하단의 여백 옵션을 사용하여 페이지의 왼쪽, 오른쪽, 위쪽 또는 아래쪽 여백을 변경합니다.
대부분의 웹 브라우저는 브라우저 창 상단과 왼쪽에 웹 페이지 주위에 약간의 공간을 추가합니다. 이 필드 네 개 모두에 0 를 입력하면 기본 여백 공간이 제거되므로 브라우저의 가장자리에 맞추어 시작하는 디자인을 만들 수 있습니다.
-
적용 버튼을 클릭하여 페이지에서 색상이 어떻게 보이는지 확인하십시오.
-
확인을 클릭하여 페이지 속성 대화 상자를 닫고 닫습니다.
