In CSS können Sie die Rahmentransparenz über das Attribut „border-color“ und die Funktion RGBA() festlegen. Fügen Sie einfach den Stil „border-color: rgba (rot, grün, blau, Transparenzwert)“ zum Rahmenelement hinzu. border-color kann die Randfarbe festlegen und RGBA() kann die Farbtransparenz festlegen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS legt die Transparenz des Rahmens fest
In CSS kann die Rahmentransparenz über das Attribut border-color und die Funktion RGBA() festgelegt werden.
Codebeispiel:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> div{ border:10px solid; margin: 10px 0; } </style> </head> <body> <div style="border-color: rgba(0,153,0,0.1);">测试文本,透明度0.1</div> <div style="border-color: rgba(0,153,0,0.5);">测试文本,透明度0.5</div> <div style="border-color: rgba(0,153,0,0.8);">测试文本,透明度0.8</div> <div style="border-color: rgba(0,153,0,1.0);">测试文本,透明度1.0</div> </body> </html>
Rendering:
Beschreibung: Die Eigenschaft
border-color kann die Rahmenfarbe festlegen, und die Funktion RGBA() kann die Farbtransparenz festlegen.
RGBA bedeutet (Rot-Grün-Blau-Alpha) und ist eine Erweiterung von RGB um den „Alpha“-Kanal, mit dem Sie Transparenz für Farbwerte festlegen können.
Syntax:
rgba(R,G,B,A);
Einführung in die Werte in rgba():
R: roter Wert. Positive Ganzzahl (0~255)
G: grüner Wert. Positive Ganzzahl (0~255)
B: blauer Wert. Positive Ganzzahl (0~255)
A: Transparenz. Der Wert liegt zwischen 0 und 1
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie die Transparenz des Rahmens in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!