Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie stelle ich einen durchscheinenden Rand in CSS ein?

黄舟
Freigeben: 2017-07-19 11:01:56
Original
2083 Leute haben es durchsucht

Sie können sich auf meinen Code unten beziehen:

XXX:{
    border: 5px solid rgba(XXX, XXX, XXX, 0.5)
}
Nach dem Login kopieren

Das erste XXX ist das von Ihnen ausgewählte Element, das durchscheinend sein muss
Das nächste XXX ist das, was Sie wollen Farbe, die durchscheinend sein soll
kann durch die Einstellung der Transparenz auf 0,5 durchscheinend gemacht werden.

.transparent{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

filter:alpha(opacity=50):这个是为IE6设的,可取值在0-100,其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.
Nach dem Login kopieren

Hallo, Sie können versuchen,

border-style: solid;
border-color: rgba(250,0,255,0.7)
Nach dem Login kopieren

*Hinweis: RGBA entspricht den Werten Rot, Grün, Blau und Transparent wobei das RGB-Intervall ist. Die Transparenz reicht von 0 (reines Schwarz) bis 255 (reine Farbe) und von 0 (völlig transparent) bis 1 undurchsichtig

Das obige ist der detaillierte Inhalt vonWie stelle ich einen durchscheinenden Rand in CSS ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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