HTML에서 웹 페이지 색상을 수정하는 방법
- PHPz원래의
- 2023-04-13 10:46:204628검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!