ホームページ > 記事 > ウェブフロントエンド > CSSでハイパーリンクのテキストを白に設定する方法

CSSでハイパーリンクのテキストを白に設定する方法

青灯夜游オリジナル: 2021-07-22 16:47:574607ブラウズ

CSS では、color 属性を使用してハイパーリンクテキストを白に設定できます。追加する必要があるのは、「color:white;」または「color:#FFFFFF;」または「color:rgb( 255, 255、255)」スタイルで十分です。

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

css はハイパーリンクテキストを白に設定します

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			 a{
				background-color: black;
				color: white;
				/* color:#FFFFFF; */
			}
		</style>
	</head>

	<body>
		<a href="#">超链接文本</a>

	</body>

</html>

レンダリング:

CSSでハイパーリンクのテキストを白に設定する方法

説明:

#color 属性はテキストの色を指定します。

この属性は、要素の前景色 (HTML 表現では要素のテキストの色) を設定します。ラスターイメージは色の影響を受けません。この色は、border-color または別の border-color プロパティによってオーバーライドされない限り、要素のすべての境界線にも適用されます。

構文:

color:颜色值;

CSS では、色の値には、色の名前、パーセンテージ、数値、16 進数値が使用でき、4 つの記述方法があります。

1) 色の名前を使用する

現在、名前付きの色は約 184 色ありますが、それらはさまざまなブラウザで実際にサポートされており、CSS 仕様として機能します。おすすめの色名は以下の16色です。

#表 1: CSS 仕様で推奨される色の名前NameColorName Nameカラー名前カラー##ブラック#シルバーライトグレーネイビーダークブルーライトブルー#グリーンダークグリーンライム##ティール天蓝#マルーンレッド #紫##オリーブブラウンイエロー yellow明黄グレーダークグレーホワイトシェルホワイトこれは最も一般的な方法です。例: このステートメントは、赤、青、緑の三原色をすべて最大値に設定し、その組み合わせを白で表示します。代わりに、を黒に設定できます。 3 つのパーセンテージ値が等しい場合、グレーが表示され、同様にパーセンテージ値が大きい方の原色が優先されます。



ピュアブラック				##ブルー
	#ライトグリーン		##インディゴ	アクア
#クリムゾン	##大红	#ディープパープル	フクシア	マゼンタ


Web ページで色の名前を使用することは、特に大規模な使用の場合には推奨されません。これは、一部の色名が使用されないことを避けるためです。ブラウザによって解析されるか、ブラウザごとに色が異なって解釈されます。	2) パーセンテージを使用します		color: rgb(100%, 100%, 100%);	rgb(0%, 0%, 0%)

3) 数値を使用します

数値の範囲は 0 ～ 255 です。例:

color: rgb(255, 255, 255);

上記のステートメントは白で表示されます。逆に rgb(0, 0, 0)

に設定すると黒が表示されます。 3つの値が等しい場合はグレー表示となり、同様に値が大きいほどどの原色の割合が多くなるかということになります。

4) 16 進数の色

これは最も一般的に使用される色の選択方法です。例:

color: #ffffff;

16 進数で # を追加します。

前面にある色の記号。上記のステートメントでは白が表示されますが、逆に

#000000

を黒に設定することもできます。これは RGB で表されます:

color: #RRGGBB;

 の範囲は 0 から 255 です。実際には 10 進数で 255 です。 FF、16 進カラー値は、そのような 16 進値の 3 つのグループに等しく、順番に接続すると、赤、青、緑の 3 原色に等しくなります。

(学習ビデオ共有:

css ビデオチュートリアル)

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

声明：

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

前の記事：CSSで下線を入れる方法次の記事：CSSで下線を入れる方法

続きを見る