". . Mit der Eigenschaft border-color wird die Rahmenfarbe eines Elements festgelegt."/> ". . Mit der Eigenschaft border-color wird die Rahmenfarbe eines Elements festgelegt.">

Heim  >  Artikel  >  Web-Frontend  >  Kann das HTML-HR-Tag auf gelbe Farbe gesetzt werden?

Kann das HTML-HR-Tag auf gelbe Farbe gesetzt werden?

青灯夜游
青灯夜游Original
2021-07-01 15:07:593406Durchsuche

In HTML kann das hr-Tag auf die Farbe Gelb gesetzt werden. Sie müssen nur das style-Attribut des hr-Tags verwenden, um einen Farbstil hinzuzufügen. Das Syntaxformat ist „


". Mit der Eigenschaft border-color wird die Rahmenfarbe eines Elements festgelegt.

Kann das HTML-HR-Tag auf gelbe Farbe gesetzt werden?

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


-Tag definiert Themenänderungen (z. B. Themenwechsel) in HTML-Seiten und wird als horizontale Linie angezeigt. Das


-Element wird verwendet, um Inhalte in einer HTML-Seite zu trennen (oder eine Variation zu definieren).

Standard-HR-Tag-Stil:

Kann das HTML-HR-Tag auf gelbe Farbe gesetzt werden?

Kann der HR-Tag also auf die gelbe Farbe eingestellt werden?

Die Antwort lautet: Ja.

Das Folgende ist eine Einführung anhand von Beispielen.

<hr style="border-color: yellow"/>

Kann das HTML-HR-Tag auf gelbe Farbe gesetzt werden?

Es ist ersichtlich, dass die Farbe des HR-Tags mithilfe der Border-Color-Eigenschaft von CSS festgelegt werden kann. Das Attribut „border-color“ legt die vier Rahmenfarben eines Elements fest.

In CSS können Farbwerte mit Farbnamen, Prozentsätzen, Zahlen und Hexadezimalwerten geschrieben werden.

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.


Tabelle 1: Von CSS-Spezifikationen empfohlene Farbnamen Reines Schwarz SilberHellgrauMarineblauDunkelblauBlauHellblauGrünDunkel grünLimettehellgrünblaugrünindigoaquahimmelblau kastanienbrauntiefrotrotgroß. rotlila tiefes LilaFuchsiaMagentaolivbraungelb hellgelbgraudunkelgrauweißMuschelweißEs wird nicht empfohlen, Farbnamen zu verwenden in Webseiten, insbesondere in großem Maßstab, um zu vermeiden, dass einige Farbnamen vom Browser nicht analysiert werden oder unterschiedlich sind. Unterschiede in der Art und Weise, wie Browser Farben interpretieren. 2) Verwenden Sie ProzentsätzeDies 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 Weiß angezeigt . 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: 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.
color: rgb(100%, 100%, 100%);
3) Verwenden Sie numerische Werte
color: rgb(255, 255, 255);
4) Hexadezimale Farbe


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

color: #ffffff;
Dabei muss vor der Hexadezimalzahl ein #-Farbsymbol hinzugefügt werden. Die obige Anweisung zeigt Weiß an. Im Gegensatz dazu können Sie #000000 auf Schwarz setzen, beschrieben durch RGB:
color: #RRGGBB;

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 angegebenen Reihenfolge den drei Primärfarben Rot, Blau und Grün entsprechen.

【Empfohlene Tutorials:

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

3) 使用数值

数字范围从 0~255,例如:

rrreee

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

4) 十六进制颜色

这是最常用的取色方法,例如:

rrreee

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

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonKann das HTML-HR-Tag auf gelbe Farbe gesetzt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn