Heim > Artikel > Web-Frontend > Welche Farbdarstellungsmethoden werden von CSS3 unterstützt?
CSS3-Farbdarstellungsmethoden umfassen: 1. Verwenden Sie den englischen Namen der Farbe, um sie darzustellen, z. B. „rot“ bedeutet Rot. 2. Verwenden Sie die hexadezimale Schreibweise, z. B. „#ffff00“. 3. Verwenden Sie die Funktion rgb() um es darzustellen; 4. Verwenden Sie die Funktion hsl(), um es darzustellen. 5. Verwenden Sie die Funktion hsla(), um es darzustellen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Prinzip der drei Grundfarben von Farbe und Licht
Die drei Grundfarben von Farbe und Licht sind Rot (Rot), Grün (Grün), Blau (Blau), die sich bilden können eine Vielzahl brillanter Farben.
Wenn Sie sich wirklich nicht erinnern, gehen Sie hier links zur Baidu-Enzyklopädie
Die von CSS3 unterstützte Farbdarstellungsmethode
Beispiel:
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html" ;charset="utf-8"> <title>CSS颜色表示</title> <style type="text/css"> div>div{ width: 400px; height: 40px; } </style> </head> <body> <script type="text/javascript"> for (var i = 0; i < 300; i++) { document.write("CSS颜色表示"); } </script> <div style="position:absolute;top:0px"> <div style="background-color:gray;"> background-color:gray </div> <div style="background-color:#ff4314;"> background-color:#888 </div> <div style="background-color:#ffff00;"> background-color:#ffff00 </div> <div style="background-color:rgb(0, 255, 255);"> background-color:rgb(0, 255, 255) </div> <div style="background-color:hsl(120, 100%, 50%);"> background-color:hsl(120, 100%, 50%) </div> <div style="background-color:rgba(0, 255, 255, 0.5);"> background-color:rgba(0, 255, 255, 0.5) </div> <div style="background-color:hsla(120, 100%, 50%, 0.5);"> background-color:hsla(120, 100%, 50%, 0.5) </div> </div> </body> </html>
Webseitenanzeige
Erklärung
Der Grund, warum Text am Ende hinzugefügt wird, besteht darin, die Transparenz zu überprüfen.
(Lernvideo-Sharing: CSS-Video-Tutorial, Web-Frontend)
Das obige ist der detaillierte Inhalt vonWelche Farbdarstellungsmethoden werden von CSS3 unterstützt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!