문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문
Visual Studio 2017을 사용하는 것이 좋습니다.

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

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

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

BODY { BACKGROUND-COLOR: #99ffff; } 

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

  1. Microsoft Visual Web Developer의 디자인 뷰에서 태그를 렌더링하는 컨트롤 또는 HTML 요소(예: Table 컨트롤 또는 HTML <input> 단추)를 선택합니다.

  2. 다음 작업 중 하나를 수행하여 스타일 작성기 대화 상자를 엽니다.

    • 디자인 뷰에서 컨트롤 또는 요소를 선택하고 서식을 클릭한 다음 스타일을 클릭합니다.

    • 디자인 뷰에서 컨트롤 또는 요소를 마우스 오른쪽 단추로 클릭하고 스타일을 클릭합니다.

    • 컨트롤 또는 요소를 선택하고 속성 창에서 스타일 속성을 선택한 다음 줄임표(...) 단추를 선택합니다.

    • 문서 스타일 창에서 작업하는 경우 요소, 클래스 또는 요소 ID를 선택한 다음 스타일 작성 아이콘을 선택합니다.

    • CSS 스타일시트를 편집하는 경우 삽입 지점을 CSS 스타일의 중괄호({ }) 사이에 둔 다음 스타일 메뉴에서 스타일 작성을 선택합니다.

    스타일 작성기 대화 상자가 열립니다.

  3. 스타일 작성기 대화 상자에서 드롭다운 목록이 포함된 탭을 선택하고 상자 옆의 줄임표(…) 단추를 클릭합니다.

    색 선택 대화 상자가 열립니다.

  4. 웹 팔레트 탭을 클릭합니다.

(색상표)

클릭하여 선택할 수 있는 색 견본을 표시합니다.

선택된 색의 16진 RGB 코드를 표시합니다.

OK

색 선택 대화 상자를 닫고 선택한 attribute:RGBcolor 쌍을 CSS 태그에 추가합니다. CSS 태그는 스타일 작성기 대화 상자를 닫으면 삽입됩니다.

표시: