텍스트 색상
Coddy HTML 여정의 Styling with CSS 섹션에 포함된 레슨 — 76개 중 17번째.
CSS에서 color 속성은 요소 내부 텍스트의 색상을 설정하는 데 사용됩니다. 텍스트에 다양한 색상 값을 적용하여 웹페이지의 모양을 개선할 수 있습니다.
selector {
color: value;
}예를 들어:
h3{
color: purple;
}
챌린지
쉬움제목(<h1>)과 단락(<p>)이 포함된 HTML 문서가 주어집니다. 여러분의 작업은 color 속성을 사용하여 이러한 요소의 스타일을 지정하는 것입니다. 아래 단계를 따르세요:
<h1>요소를 대상으로 하는 CSS 규칙을 작성하세요.color를purple로 설정합니다.<p>요소를 대상으로 하는 CSS 규칙을 작성하세요.color를yellow로 설정합니다.
치트 시트
color 속성은 요소 내부 텍스트의 색상을 설정합니다:
selector {
color: value;
}예시:
h3 {
color: purple;
}직접 해보기
<html>
<head>
<title>Text Color</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
