CSS 텍스트

TEXT FORMATTING

텍스트 포맷화

이 텍스트는 일부 텍스트 포맷 속성으로 스타일이 적용되었습니다. 제목은 text-align, text-transform, 및 color 속성을 사용합니다. 문단은 들여쓰기되고 정렬되며, 문자 간의 간격이 지정되었습니다. 밑줄은 이 색상된 "Try it Yourself" 링크.

이 텍스트는 특정 텍스트 포맷 속성을 사용하여 스타일을 설정합니다. 제목은 text-align, text-transform, 및 color 속성을 사용합니다. 문단은 들여쓰기되고 정렬되며, 문자 간의 간격이 지정됩니다. 그런 다음 이 색상된“직접 시험해 보세요”링크에서 밑줄이 제거되었습니다。

직접 시도해 보세요

텍스트 색상

color 텍스트의 색상을 설정하는 속성입니다. 색상은 다음 값으로 지정됩니다：

  • 색 이름 - 예를 들어 "red"
  • 16진 값 - 예를 들어 "#ff0000"
  • RGB 값 - 예를 들어 "rgb(255,0,0)"

보기 CSS 색상 값를 통해 가능한 모든 색상 값의 전체 목록을 확인할 수 있습니다.

페이지의 기본 텍스트 색상은 body 선택자에서 정의됩니다.

예제

body {
  color: blue;
}
h1 {
  color: green;
}

직접 시도해 보세요

추천:W3C 호환 CSS에서:如果您定义了 color 속성을 정의하면 background-color 속성을 정의했습니다.

텍스트 색상과 배경색

이 예제에서는 background-color 속성 및 color 속성:

예제

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

직접 시도해 보세요