색 선택 대화 상자, 웹 팔레트 탭

아티클
08/20/2008

업데이트: 2007년 11월

색 견본을 선택하면 색 필드에 16진 RGB 코드가 나타나고 선택된 attribute:RGBcolor 쌍이 스타일 작성기 대화 상자를 닫을 때 CSS 스타일 정의에 삽입됩니다. 이 탭의 색은 웹 브라우저에서 모두 일관되게 표시됩니다.

예를 들어, 디자인 뷰에서 HTML 페이지를 편집하는 경우 문서 개요 창에서 <BODY> 요소를 선택하고 서식 메뉴에서 스타일 작성을 선택합니다. 그런 다음 배경을 선택하고 색 필드 옆의 줄임표(...) 단추를 선택하여 색 선택 대화 상자를 엽니다. 웹 팔레트 탭에서 옅은 파란색 견본을 선택합니다. 스타일 작성기 대화 상자를 닫으면 다음과 같이 attribute:color 쌍이 BODY 스타일의 중괄호({ }) 사이에 삽입됩니다.

BODY { BACKGROUND-COLOR: #99ffff; }

이 대화 상자에 액세스하려면

Microsoft Visual Web Developer의 디자인 뷰에서 태그를 렌더링하는 컨트롤 또는 HTML 요소(예: Table 컨트롤 또는 HTML <input> 단추)를 선택합니다.
다음 작업 중 하나를 수행하여 스타일 작성기 대화 상자를 엽니다.
- 디자인 뷰에서 컨트롤 또는 요소를 선택하고 서식을 클릭한 다음 스타일을 클릭합니다.
- 디자인 뷰에서 컨트롤 또는 요소를 마우스 오른쪽 단추로 클릭하고 스타일을 클릭합니다.
- 컨트롤 또는 요소를 선택하고 속성 창에서 스타일 속성을 선택한 다음 줄임표(...) 단추를 선택합니다.
- 문서 스타일 창에서 작업하는 경우 요소, 클래스 또는 요소 ID를 선택한 다음 스타일 작성 아이콘을 선택합니다.
- CSS 스타일시트를 편집하는 경우 삽입 지점을 CSS 스타일의 중괄호({ }) 사이에 둔 다음 스타일 메뉴에서 스타일 작성을 선택합니다.
스타일 작성기 대화 상자가 열립니다.
스타일 작성기 대화 상자에서 색 드롭다운 목록이 포함된 탭을 선택하고 상자 옆의 줄임표(…) 단추를 클릭합니다.

색 선택 대화 상자가 열립니다.
웹 팔레트 탭을 클릭합니다.

작업

연습: CSS 파일 만들기 및 수정

UI 요소

(색상표)
클릭하여 선택할 수 있는 색 견본을 표시합니다.
색
선택된 색의 16진 RGB 코드를 표시합니다.
확인
색 선택 대화 상자를 닫고 선택한 attribute:RGBcolor 쌍을 CSS 태그에 추가합니다. CSS 태그는 스타일 작성기 대화 상자를 닫으면 삽입됩니다.