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

CSSでフォントを白に設定する方法

王林
リリース: 2020-11-30 11:51:40
オリジナル
9070 人が閲覧しました

CSSでフォントを白に設定する方法: [color:white]や[color:#fff]などのcolor属性を使用してフォントの色を指定できます。テキストの色を指定します。 Color 値には、色の名前または 16 進数値を指定できます。

CSSでフォントを白に設定する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

CSS でフォ​​ントを白に設定する方法:

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

関連属性 :

Color プロパティはテキストの色を指定します。

構文:

color : value;
ログイン後にコピー

属性値:

  • color_name: カラー値がカラー名の色 (赤など) であることを指定します。

  • hex_number: カラー値を 16 進数値で指定します (#ff0000 など)。

  • rgb_number: RGB コードの色として色の値を指定します (rgb(255,0,0) など)。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			body {
				background-color: palegreen;
			}
			.color1 {
				color: white
			}
			.color2 {
				color: #fff
			}
			#color3 {
				color: rgb(255, 255, 255)
			}
		</style>
	</head>
	<body>
		<p>默认字体颜色</p>
		<p class="color1">字体颜色设置white</p>
		<p class="color2">字体颜色设置#fff</p>
		<p id="color3">字体颜色设置rgb(255,255,255)</p>
	</body>
</html>
ログイン後にコピー

達成効果:

CSSでフォントを白に設定する方法

関連する推奨事項: CSS チュートリアル

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

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