ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでフォントの色を変更する方法

HTMLでフォントの色を変更する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2017-11-20 14:04:2316610ブラウズ

多くの友人が困っています。HTMLのフォントの色を変更するにはどうすればよいですか?フォントの色を設定するにはどうすればよいですか?そこで今回はHTMLで文字の色を変更する方法と文字の色を取得する方法を紹介します。

まず、HTMLのフォントの色の設定を知る必要があります

HTMLでは、fontタグを使用してフォントコンテンツの色を設定します。

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 を使用する方法の 2 つがあります。 CSS。

外部 CSS を使用するには、CSS コードを CSS ファイルに個別に配置し、HTML リンクを使用して CSS を導入するか (HTML で CSS を導入)、HTML で c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用して CSS を作成できます。 html タグ内の style 属性を使用して CSS カラーを設定することもできます。

HTMLのフォントカラー設定を実装する方法は2つあり、1つはタグ内でcssを使用する方法、もう1つはstyleタグを使用してフォントカラーを設定する方法です。

<!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でフォントの色を設定するには、c9ccee2e6ea535a969eb3f532ad9fe89 タグと DIV タグの style 属性を使用します。

htmlハイパーリンクフォントの色の設定

HTMLでアンカーテキストのフォントの色を設定するには、HTML内のすべてのハイパーリンクのフォントに統一したフォントの色を設定する方法と、指定する方法の2つの方法があります。フォントの色 オブジェクト内のアンカー テキストのハイパーリンク フォントに別の色を設定します。

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 を使用して特定のフォントのカラー値を取得し、PS を柔軟に適用して、フォント値を取得して特定の背景、画像、または境界線のカラー値を取得する方法を説明します。

上の図の「CSS」青の特定の色の値を取得したいとします

上の図の「CSS」青の特定の色の値を取得したい場合は

PS この画像を開きます

ps これを開いて色を取得します

ps この画像を開きます

2. PS ツールの「前景色の選択」または「背景色の選択」ツールを使用します

ここでは、赤いボックス

ここでは、赤いボックスの「前景色」ツールをクリックします

3.「前景色の選択」タブをポップアップします

2番目のステップの後、同時に「前景色の選択」タブが表示されます。 , マウスポインタがストローのようなアイコンに変わりますので「色の選択」「ツール」を選択します。この時、色の値を取得したい場所をクリックします。画像が小さくて正確にクリックするのが難しい場合は、「ctrl+++」を使用できます。画像を拡大するには、画像を連続的に拡大します。

正確なカラー値 "0000FF" を取得します

正確なカラー値 "0000FF" を取得します

4. 取得したカラー値を設定して使用します

color: #0000FF

ヒント: カラー値を使用する場合、通常はコピーします。手動入力エラーを避けるために、PS カラー値に直接入力してください。使用する場合は、カラー値の前に「#」記号を追加することを忘れないでください。

関連記事:

最も完全な HTML5 タグ


DIV のスクロール バーを設定する方法



HTMLに複数のスペース文字を入力するにはどうすればよいですか?


以上がHTMLでフォントの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。