집 >웹 프론트엔드 >HTML 튜토리얼 >HTML에서 글꼴 색상을 수정하는 방법

HTML에서 글꼴 색상을 수정하는 방법

php中世界最好的语言원래의: 2017-11-20 14:04:2316611검색

많은 친구들이 HTML에서 글꼴 색상을 변경하는 방법에 대해 매우 고민하고 있습니다. 글꼴 색상을 설정하는 방법은 무엇입니까? 그래서 오늘은 HTML에서 글꼴 색상을 수정하는 방법과 글꼴 색상을 구하는 방법을 소개하겠습니다.

먼저 HTML 글꼴 색상 설정을 알아야 합니다

HTML에서는 글꼴 태그를 사용하여 글꼴 내용의 색상을 설정합니다.

1. 글꼴 구문:

c0025c2938efc05b97bd9beea08ca0c4나는 빨간색 글꼴입니다e6e38b3c62e8df885fe2e3986461aa63

우선 글꼴은 일반 태그 쌍으로, 글꼴 텍스트 내용을 태그, 글꼴 태그 색상 색상 + 해당 색상 값을 설정하여 글꼴 태그 개체에 글꼴 색상을 설정할 수 있습니다.

html 글꼴 색상 예제의 전체 코드:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>font字体颜色在线实例 DIVCSS5</title> 
</head> 
<body> 
<font color="#FF0000">我是红色字体</font> 
<table width="300" border="1"> 
<tr> 
<td><font color="#0000FF">你好</font></td> 
<td>DIVCSS5</td> 
</tr> 
</table> 
</body> 
</html>

이 방법으로 글꼴 색상을 변경하려면 색상 값만 변경하면 됩니다.

html div css 글꼴색상 설정

요약하자면, html에서 CSS 스타일을 통해 글꼴 색상을 설정하려면 두 가지 방법이 있는데 하나는 태그 내의 CSS이고 다른 하나는 외부입니다. CSS.

외부 CSS를 사용하려면 CSS 코드를 CSS 파일에 별도로 넣고 html 링크를 사용하여 CSS를 소개하거나(html은 css를 소개함) html에서 c9ccee2e6ea535a969eb3f532ad9fe89 태그를 사용하여 CSS를 만들 수 있습니다. html 태그 내의 스타일 속성을 사용하여 CSS 색상을 설정할 수도 있습니다.

HTML 글꼴 색상 설정을 구현하는 방법에는 두 가지가 있습니다. 하나는 태그에 CSS를 사용하고 다른 하나는 스타일 태그를 사용하여 글꼴 색상을 설정합니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>css实现字体颜色 在线演示 DIVCSS5</title> 
<style> 
.divcss5{color:#F00} 
</style> 
<!-- html注释说明：使用style标签设置字体颜色 --> 
</head> 
<body> 
<div class="divcss5">我字体是红色</div> 
<div style="color:#00F">我字体是蓝色</div> 
<!-- div标签内使用style属性设置字体颜色 --> 
</body> 
</html>

HTML에서 글꼴 색상을 설정하려면 DIV 태그의 c9ccee2e6ea535a969eb3f532ad9fe89 태그와 스타일 속성을 사용하세요.

htmlHyperlink글꼴 색상 설정

html에서 앵커 텍스트 글꼴의 색상을 설정하려면 두 가지 상황이 있습니다. 하나는 html의 모든 하이퍼링크 글꼴에 대해 통합 글꼴 색상을 설정하는 것이고, 다른 하나는 지정하는 것입니다. 글꼴 색상 개체 내의 앵커 텍스트 하이퍼링크 글꼴에 대해 별도의 색상을 설정합니다.

HTML에서 하이퍼링크 앵커 텍스트의 글꼴 색상에 대한 통합 설정과 개별 설정을 예시를 통해 소개하겠습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html超链接字体颜色设置 在线演示 DIVCSS5</title> 
<style> 
a{ color:#00F} 
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ 
.div a{ color:#090} 
.div a:hover{ color:#090} 
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */ 
</style> 
</head> 
<body> 
<p>测试内容我是统一设置的颜色蓝色<a href="http://www.divcss5.com">DIVCSS5</a></p> 
<div class="div">我在div对象内，超链接颜色为<a href="#">我是超链接绿色</a></div> 
</body> 
</html>

하이퍼링크의 파란색 글꼴 색상은 HTML에서 균일하게 설정되는 반면, 녹색 글꼴 색상은 개별적으로 설정된 하이퍼링크 글꼴 색상입니다.

HTML에 필요한 정확한 글꼴 색상을 얻는 방법

정확한 색상 값을 얻으려면 일반적으로 Photoshop(ps) 소프트웨어를 사용합니다. 다음 DIVCSS5에서는 PS를 사용하여 특정 글꼴의 색상 값을 얻는 방법과 이를 유연하게 적용하여 글꼴 값을 얻음으로써 특정 배경, 그림 또는 테두리의 색상 값을 얻는 방법을 가르칩니다.

위 그림에서 "CSS" 파란색의 특정 색상 값을 얻고 싶다고 가정해 보겠습니다.

위 그림에서 "CSS" 파란색의 특정 색상 값을 얻으려면

1. PS 이 그림을 엽니다

ps 컬러 사진을 얻으려면 이것을 엽니다

ps 이 사진을 열려면

2. PS 도구의 "전경색 선택" 또는 "배경색 선택" 도구를 사용하세요

여기에서 "전경색" 도구를 클릭합니다. 빨간색 상자

여기서 빨간색 상자 "전경색" 도구를 클릭합니다

3. "전경색 선택" 탭을 엽니다

두 번째 단계를 마치면 "전경색 선택" 탭이 동시에 나타납니다. , 마우스 포인터가 "색상 선택" "도구" 아이콘으로 변합니다. 이때 그림이 작아서 정확하게 클릭하기 어려운 경우 "ctrl+++"를 사용할 수 있습니다. 사진을 확대하려면 사진을 계속해서 확대하세요.

정확한 색상 값 "0000FF" 가져오기

4. 가져온 색상 값을 설정하고 사용

color: #0000FF

팁: 색상 값을 사용할 때는 일반적으로 복사하세요. 수동 입력 오류를 방지하려면 PS 색상 값에 직접 입력하세요. 사용 시 색상 값 앞에 "#" 기호를 추가하는 것을 잊지 마세요.

HTML에서 글꼴 색상을 수정하는 방법

관련 기사