HTML 테이블의 글꼴 색상을 변경하는 방법

HTML에서 테이블의 글꼴 색상을 변경하는 방법: 먼저 해당 HTML 파일을 연 다음 테이블 코드를 찾은 다음 마지막으로 "table .red {color:#FF0000}" 속성을 설정하여 색상을 수정합니다.

이 기사의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

HTML 테이블에서 글꼴 색상을 설정하려면 먼저 td 태그 클래스 이름을 지정한 다음 코드를 추가하세요. CSS 스타일 시트의 예는 다음과 같습니다.

<table width="80%" border="1">
<tr>
<td class="red">显示红色</td>
<td class="yellow">显示蓝色</td>
<td class="green">显示绿色</td>
</tr>
</table>

스타일 시트는 다음과 같습니다.

<style type="text/css">
table .red {color:#FF0000}
table .yellow {color:#0000FF}
table .green {color:#0000FF}
</style>

효과는 다음과 같습니다.

또 다른 방법은 현재 태그에 직접 스타일을 삽입하는 것입니다. 다음과 같이 작성되었습니다:

<table width="60%" border="1">
<tr>
<td style="color:#FF0000">显示红色</td>
<td style="color:#0000FF">显示蓝色</td>
<td style="color:#00FF00">显示绿色</td>
</tr>
</table>

추천 학습: "HTML 비디오 튜토리얼"

위 내용은 HTML 테이블의 글꼴 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!