ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを使って文字の色を設定する方法

CSSを使って文字の色を設定する方法

青灯夜游
リリース: 2023-01-06 11:12:54
オリジナル
49163 人が閲覧しました

CSS でフォ​​ントの色を設定する方法: 1. テキストが配置されているタグ内で「style="color:color value"」コードを直接使用して、フォントの色を設定します。2. ID またはクラスを使用します。外部または埋め込みの CSS フォント カラー スタイルを導入してフォントの色を設定します。

CSSを使って文字の色を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

1. タグ

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" /></head> 
  <body>
  	<div>测试文本</div></body>
    <div style="color:red;">测试文本</div></body>
</html>
ログイン後にコピー

Rendering:

CSSを使って文字の色を設定する方法

で CSS フォントの色スタイルを設定します。 2. 外部 CSS は HTML テキストのフォントの色を設定します

ID またはクラスを使用して、外部または埋め込みの CSS フォント カラー スタイルを導入し、HTML のフォントの色を設定します。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<style>
			.ex {
				color: pink;
			}
		</style>
	</head>

	<body>
        <div>测试文本</div>
	<div class="ex">测试文本</div>
	</body>

</html>
ログイン後にコピー

レンダリング:

CSSを使って文字の色を設定する方法

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSを使って文字の色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート