English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 기본 강의

CSS 박스 모델

CSS3기본 가이드

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS Color(색상)

CSS color 속성은 요소의 전경 색상을 정의합니다.

색 속성 설정

color속성은 일반적으로 요소의 텍스트 내용의 색상을 정의합니다.

예를 들어, 선택자에서color지정된 속성body전체 페이지의 기본 텍스트 색상을 정의합니다(일반적으로 전경 색상).

body {color: #000000;}
테스트를 보세요‹/›

CSS에서의 색은 다음과 같은 방법으로 지정됩니다:

  • 16진수 값-예: '#ff0000'

  • RGB 값-예: 'rgb('255,0,0)

  • 색 이름-예: '빨강'

가능한 색 이름의 전체 목록을 확인하려면 CSS 색 이름을 참조하세요.

색 속성이 프레임과 테두리에 미치는 영향

color속성은 텍스트 내용에만 사용되지 않고, 모든 내용에 색 값을 사용하는 프론트엔드에도 사용됩니다. 예를 들어, 요소에 명확히 정의되지 않았다면border-color또는outline-color값이 없으면 색 값이 사용됩니다.

p.one {
    color: #0000ff;
    border: 2px solid;
    }
p.two {
    color: #00ff00;
    outline: 2px solid;
    }
테스트를 보세요‹/›

주의:color속성은 일반적으로 부모 요소에서 색 값을 상속받습니다.고정제외된 요소.