Heim > Web-Frontend > js-Tutorial > Hauptteil

So legen Sie die Farbe in Javascript fest

coldplay.xixi
Freigeben: 2023-01-05 16:07:34
Original
8800 Leute haben es durchsucht

So legen Sie den Farbwert in JavaScript fest: 1. Verwenden Sie den englischen Befehl color, der Code ist [p{color:red;}] 2. Verwenden Sie die RGB-Farbe, der Code ist [p{color:rgb(133 ,45.200);}] .

So legen Sie die Farbe in Javascript fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So legen Sie Farbwerte in Javascript fest:

1. Englische Befehlsfarberrree

Dies ist die wie „in „Photoshop“ RGB“-Farben sind konsistent und werden durch das Verhältnis der drei Farben „R(rot)“, „G(grün)“ und „B(blau)“ angepasst. Zum Beispiel:

p{color:red;}
Nach dem Login kopieren

Der Wert jedes Elements kann eine Ganzzahl zwischen 0 und 255 oder ein Prozentsatz zwischen 0 und 100 % sein. Zum Beispiel: „

p{color:rgb(133,45,200);}
Nach dem Login kopieren

“ Der vierte Parameter von RGB ist Transparenz, der Wert ist 0-1

3, hexadezimale Farbe

Diese Farbeinstellungsmethode wird jetzt häufiger verwendet und ihr Prinzip ist tatsächlich dasselbe RGB Einstellung, aber der Wert jedes Elements wird von 0-255 in hexadezimal 00-ff geändert. Zum Beispiel:

p{color:rgb(20%,33%,25%);}
Nach dem Login kopieren

4, HSLA-Farbwert, wie HSLA (360, 50 %, 50 %, .5) durchscheinendes Rot, diese Methode ist nicht mit IE8 und niedriger kompatibel.

p{color:#00ffff;}
Nach dem Login kopieren

H: Farbton (Farbton). 0 (oder 360) steht für Rot, 120 steht für Grün, 240 steht für Blau und andere Werte können auch zur Angabe von Farben verwendet werden. Der Wert ist: 0 - 360

S: Sättigung. Der Wert ist: 0,0 % - 100,0 %

L: Helligkeit. Der Wert ist: 0,0 % – 100,0 %

A: Alpha-Transparenz. Der Wert liegt zwischen 0 und 1. 2. Generieren Sie zufällige Farbcodes können ineinander konvertiert werden, aber das RGBA-Format verfügt über ein Alpha-Transparenzattribut, das die ersten beiden nicht haben, sodass der Alpha-Wert bei der Konvertierung in die ersten beiden verloren geht. Hier ist meine Farbkonvertierung Methode:

HSLA(H,S,L,A)
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen:

Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Farbe in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!