HTML에서 웹 페이지 색상을 수정하는 방법-프런트엔드 Q&A-php.cn

HTML에서 웹 페이지 색상을 수정하는 방법

PHPz

풀어 주다： 2023-04-13 11:16:16

원래의

4683명이 탐색했습니다.

HTML은 웹 개발의 가장 기본적인 부분이며, 웹 페이지의 색상 선택도 매우 중요합니다. HTML은 페이지 배경색, 텍스트 색상 및 링크 색상 변경을 포함하여 웹 페이지 색상을 변경하는 여러 가지 방법을 제공합니다.

1. 웹페이지 배경색

색상 이름 사용

HTML은 빨간색, 파란색, 녹색 및 기타 일반적인 색상 등 137가지 색상 이름을 제공합니다. body 태그에 style 속성을 추가하고, background-color 속성을 사용하고, 색상 이름을 속성값으로 사용하여 배경색을 변경합니다.

<body style="background-color: red;">

로그인 후 복사

16진수 색상 값 사용

색상 이름 외에도 16진수 색상 값을 사용하여 배경색을 변경할 수도 있습니다. body 태그에 style 속성을 추가하고, background-color 속성을 사용하고, color 값을 속성값으로 사용합니다.

<body style="background-color: #FF0000;">

로그인 후 복사

2. 텍스트 색상

색상 이름 사용

색상 이름을 사용하여 텍스트 색상도 변경할 수 있습니다. 색상을 변경하려는 태그에 스타일 속성을 추가하고, 색상 속성을 사용하며, 색상 이름을 속성값으로 사용합니다.

<p style="color: green;">这是一个绿色的段落</p>

로그인 후 복사

16진수 색상 값 사용

마찬가지로 16진수 색상 값을 사용하여 텍스트 색상을 변경할 수도 있습니다. 색상을 변경하려는 태그에 style 속성을 추가하고, color 속성을 사용하고, color 값을 속성값으로 사용합니다.

<p style="color: #00FF00;">这是一个绿色的段落</p>

로그인 후 복사

3. 링크 색상

방문하지 않은 링크 색상 수정

a 태그에 스타일 속성을 추가하고, 색상 속성을 사용하고, 색상 이름이나 색상 값을 속성 값으로 사용하세요. . 마우스를 올렸을 때 링크의 색상을 변경하려면 :hover 의사 클래스를 사용할 수 있습니다.

<a href="#" style="color: red;">未访问链接</a>
<a href="#" style="color: #FF0000;">未访问链接</a>

<a href="#" style="color: red;">鼠标悬停链接</a>:hover { color: blue; }
<a href="#" style="color: #FF0000;">鼠标悬停链接</a>:hover { color: #0000FF; }

로그인 후 복사

링크 방문 시 색상 수정

a:visited 의사 클래스에 스타일 속성을 추가하고, 색상 속성을 사용하고, 색상 이름이나 색상 값을 속성 값으로 사용합니다.

a:visited { color: gray; }
a:visited { color: #808080; }

로그인 후 복사

요약

위는 HTML에서 색상을 변경하는 몇 가지 기본 방법입니다. 색상 이름이나 RGB 16진수 값을 선택하면 웹 페이지에 고유한 스타일이 표시될 수 있습니다. 실제 개발에서는 CSS를 사용하여 웹페이지 색상을 보다 유연하게 제어할 수도 있습니다. 이 글이 초보자에게 도움이 되길 바랍니다.

위 내용은 HTML에서 웹 페이지 색상을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!