So legen Sie die Rahmentransparenz in CSS fest

In CSS können Sie das Attribut „border“ mit rgba() verwenden, um alle Ränder transparent zu machen. Sie können zum Festlegen auch die Attribute „border-top“, „border-right“, „border-bottom“ und „border-left“ verwenden eine bestimmte Grenze, um transparent zu sein.

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

So machen Sie den Rand in CSS transparent:

Verwenden Sie RGBA, die drei Prozentsätze von Rot, Grün und Blau sind alle 200, a ist ein Parameter, der auf eine Zahl zwischen 0 und 1 eingestellt werden kann, aber niemals ein negativer Wert sein, die Syntax lautet wie folgt:

.div {
    background: rgba(200,200,200,0.75);
}

Als nächstes fügen wir dem div einen Stil hinzu. Legen Sie zunächst die vier Ränder nach oben, unten, links und rechts fest und stellen Sie die vier Ränder auf die gleiche Höhe und Breite ein . Der Code lautet wie folgt:

rrree

Anzeigeeffekt:

Je größer der Parameter a ist, desto dunkler ist der Wert von a 0, es wird transparent sein.

Empfohlenes Lernen: CSS-Video-Tutorial

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