So setzen Sie Hyperlink-Text in CSS auf Weiß-CSS-Tutorial-php.cn

So setzen Sie Hyperlink-Text in CSS auf Weiß

青灯夜游

Freigeben： 2023-01-07 11:45:07

Original

4672 Leute haben es durchsucht

In CSS können Sie das Farbattribut verwenden, um den Hyperlinktext auf Weiß zu setzen. Sie müssen nur „color:white;“ oder „color:#FFFFFF;“ hinzufügen. „Stil ist genug.“

So setzen Sie Hyperlink-Text in CSS auf Weiß

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

css setzt den Hyperlink-Text auf Weiß

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

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

	</body>

</html>

Nach dem Login kopieren

Rendering:

So setzen Sie Hyperlink-Text in CSS auf Weiß

Beschreibung:

Das Farbattribut gibt die Farbe des Textes an.

Dieses Attribut legt die Vordergrundfarbe eines Elements fest (in der HTML-Darstellung wird die Farbe des Texts des Elements nicht durch die Farbe beeinflusst). Diese Farbe gilt auch für alle Ränder des Elements, sofern sie nicht durch border-color oder eine andere border-color-Eigenschaft überschrieben wird.

Syntax:

color:颜色值;

Nach dem Login kopieren

In CSS können Farbwerte Farbnamen, Prozentsätze, Zahlen und Hexadezimalwerte verwenden. Es gibt vier Möglichkeiten, sie zu schreiben.

1) Farbnamen verwenden

Obwohl es derzeit etwa 184 benannte Farben gibt, werden sie tatsächlich von verschiedenen Browsern unterstützt, und es werden nur 16 Farbnamen als CSS-Spezifikationen empfohlen, wie in der Tabelle unten gezeigt.

Reines Schwarz SilberHellgrauMarineblauDunkelblauBlauHellblauGrünDunkel grünLimettehellgrünblaugrünindigoaquahimmelblau kastanienbrauntiefrotrotgroß. rotlila tiefes LilaFuchsiaMagentaolivbraungelb hellgelbgraudunkelgrauweißMuschelweiß. Dies ist die gebräuchlichste Methode, zum Beispiel: Diese Anweisung setzt die drei Primärfarben Rot, Blau und Grün auf ihre Maximalwerte und die resultierende Kombination wird als angezeigt Weiß. Setzen Sie stattdessen rgb(0%, 0%, 0%) auf Schwarz. Wenn die drei Prozentwerte gleich sind, wird Grau angezeigt. Je nachdem, welcher Prozentwert größer ist, wird welche Primärfarbe bevorzugt. Zahlen reichen von 0 bis 255, zum Beispiel:

color: rgb(255, 255, 255);

Nach dem Login kopieren

Die obige Anweisung wird weiß angezeigt, im Gegenteil, sie kann auf rgb(0, 0) eingestellt werden , 0), erscheint schwarz. Wenn die drei Werte gleich sind, ist die Anzeige grau. Ebenso hat der größere Wert einen größeren Anteil an der Primärfarbe.

Tabelle 1: Von CSS-Spezifikationen empfohlene Farbnamen





			Es wird nicht empfohlen, Farbnamen zu verwenden Webseiten, insbesondere bei großflächiger Nutzung, um zu vermeiden, dass einige Farbnamen vom Browser nicht analysiert oder anders angezeigt werden. Unterschiede in der Art und Weise, wie Farben vom Gerät interpretiert werden.
2) Verwenden Sie Prozentsätze	color: rgb(100%, 100%, 100%); Nach dem Login kopieren	3) Verwenden Sie numerische Werte

4) Hexadezimale Farbe

Dies ist die am häufigsten verwendete Methode zur Farbauswahl, zum Beispiel:

color: #ffffff;

Nach dem Login kopieren

Dabei müssen Sie ein #-Farbsymbol vor dem Hexadezimalwert hinzufügen. Die obige Anweisung zeigt Weiß an. Im Gegensatz dazu können Sie #000000 auf Schwarz setzen, beschrieben durch RGB:

color: #RRGGBB;

Nach dem Login kopieren

von 0~255, tatsächlich entspricht 255 in Dezimalzahl genau FF in hexadezimal, Ein hexadezimaler Farbwert entspricht 3 Gruppen solcher hexadezimalen Werte, die in der Reihenfolge der Verbindung den drei Primärfarben Rot, Blau und Grün entsprechen.

rgb(0%, 0%, 0%)为黑色。3 个百分值相等将显示灰色，同理哪个百分值大就偏向哪个原色。

3) 使用数值

数字范围从 0~255，例如：

rrreee

上面这个声明将显示白色，相反，可以设置为rgb(0, 0, 0)，将显示黑色。3 个数值相等将显示灰色，同理哪个数值大哪个原色的比重就会加大。

4) 十六进制颜色

这是最常用的取色方法，例如：

rrreee

其中要在十六进制前面加一个#颜色符号。上面这个声明将显示白色，相反，可以设置#000000(Teilen von Lernvideos:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo setzen Sie Hyperlink-Text in CSS auf Weiß. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!