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

CSSでフォントの色を白に変更する方法

青灯夜游
青灯夜游オリジナル
2021-02-24 11:35:238582ブラウズ

CSS では、color 属性を使用してフォントの色を白に変更できます。color 属性の値を「white」、「#FFFFFF」、「rgb(255,255,255)」に設定するだけです。 「hsl(0) ,0%,100%)」が使用可能です。

CSSでフォントの色を白に変更する方法

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

CSS では、color 属性を使用してフォントの色を白に変更できます。 Color プロパティは、テキストの色を指定するために使用されます。

構文:

color:颜色值;

色の値「白」のさまざまな表現:

  • 色の名前: 白

  • 16 進数: #FFFFFF

  • ##RGB 値: rgb(255,255,255)

  • HSL 値: hsl(0, 0%, 100%)

#例:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			body {
				background: #92a8d1;
			}
		</style>
	</head>

	<body>
		<p>测试文本,字体颜色为默认的黑色</p>
		<p style="color: white;">测试文本,字体颜色为白色</p>
		<p style="color: #FFFFFF;">测试文本,字体颜色为白色</p>
		<p style="color: rgb(255,255,255);">测试文本,字体颜色为白色</p>
		<p style="color: hsl(0,0%,100%)">测试文本,字体颜色为白色</p>

	</body>

</html>

レンダリング:


CSSでフォントの色を白に変更する方法# #[推奨チュートリアル:

CSS ビデオ チュートリアル

]

説明:

CSSでフォントの色を白に変更する方法プログラミング関連の知識の詳細については、次を参照してください:

プログラミングビデオ

! !

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

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