Heim > Web-Frontend > CSS-Tutorial > Wie stelle ich die Transparenz von CSS-Schriftarten ein?

Wie stelle ich die Transparenz von CSS-Schriftarten ein?

不言
Freigeben: 2018-10-30 15:27:36
Original
30071 Leute haben es durchsucht

Es gibt viele schöne Stile, die in CSS implementiert werden können. Der heutige Artikel zeigt Ihnen, wie Sie die Transparenz von Schriftarten in CSS festlegen Webseiten.

Ein neues RGBA-Attribut wurde in CSS3 hinzugefügt. Das sogenannte RGBA-Attribut besteht aus den drei Primärfarben R (Rot), G (Grün) und ALPHA (Transparenz). 🎜> Machen wir es als nächstes. Sehen Sie sich insbesondere an, wie dieses RGBA-Attribut die Schrifttransparenz festlegt.

Zunächst ist es sehr einfach, RGBA zu verwenden, um die Transparenz der Hintergrundfarbe festzulegen: (Verwandte Empfehlungen:

Wie stelle ich die Transparenz der Hintergrundfarbe in CSS ein? )
Der Effekt von

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
.div{
    background-color:rgba(220,38,38,0.2);
    width:100px;
    height:100px;
}
</style>
</head>
<body>
<div class="div">
    我是文字
</div>
</body>
</html>
Nach dem Login kopieren

RGBA zum Festlegen der Hintergrundfarbtransparenz ist wie folgt:

Wie stelle ich die Transparenz von CSS-Schriftarten ein?

Ist der obige Code sehr einfach? Wie können wir also RGBA verwenden, um die Schrifttransparenz festzulegen?

Tatsächlich ist es sehr einfach, die Transparenz der Schriftart festzulegen, indem wir das RGBA-Attribut der Farbe festlegen.

Sehen wir uns ein konkretes Beispiel für die RGBA-Einstellung der Schrifttransparenz an:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
.div{
    background:red;
    width:100px;
    height:100px;
    color:rgba(255,255,255,0.4)
}
    </style>
</head>
<body>
<div class="div">
    我是透明文字
</div>
</body>
</html>
Nach dem Login kopieren

Der Effekt der Schrifttransparenz ist wie folgt:

Wie stelle ich die Transparenz von CSS-Schriftarten ein?

Dies Der Artikel endet hier. Das ist alles. Weitere Informationen zu den Transparenzeinstellungen in CSS finden Sie in den Spalten

CSS-Video-Tutorial und CSS3-Video-Tutorial auf der chinesischen PHP-Website.

Das obige ist der detaillierte Inhalt vonWie stelle ich die Transparenz von CSS-Schriftarten ein?. 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