1-3. 글자 색상,크기,글꼴
■ 글자 색상
CSS를 이용하면 웹 페이지의 글자들에 대해 글꼴, 글자 크기, 글자 색상, 글자 스타일 등을 변경할 수 있습니다.
<h3>글자 색상</h3>
<p>
<span style="color:red;">빨간색</span>
<span style="color:green;">초록색</span>
<span style="color:blue;">파란색</span>
<span style="color:black;">검정색</span>
<span style="color:skyblue;">하늘색</span>
<span style="color:purple;">보라색</span>
<span style="color:yellow;">노란색</span>
<span style="color:pink;">핑크색</span>
</p>
ex1-4.html의 실행 결과
■ 글자 크기
font-size 속성은 글자 크기를 설정하는 데 사용됩니다.
<h3>글자 크기 설정</h3>
<p>
<span>글자 크기(기본)</span><br>
<span style="font-size:16px;">글자 크기(16px)</span><br>
<span style="font-size:20px;">글자 크기(20px)</span><br>
<span style="font-size:24px;">글자 크기(24px)</span><br>
</p>
ex1-5.html의 실행 결과
■ 글꼴
font-family 속성은 글꼴을 설정하는 데 사용됩니다.
<h3>글꼴 설정</h3>
<p>
<span style="font-family:'돋움';">안녕하세요</span><br>
<span style="font-family:'굴림';">안녕하세요</span><br>
<span style="font-family:'맑은고딕';">안녕하세요</span><br>
<span style="font-family:'바탕';">안녕하세요</span>
</p>
ex1-6.html의 실행 결과
