Beispiel für die Verwendung von CSS zum Erzielen eines halbtransparenten Hintergrunds und undurchsichtigen Textes
|
Dieser Artikel stellt ein Beispiel vor, wie man mit CSS den Effekt eines halbtransparenten Hintergrunds und undurchsichtigen Textes erzielen kann. Die Einzelheiten sind wie folgt: Die Wirkung ist wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<Titel></Titel>
<Stil>
html{
Hintergrund: #6a8db1;
}
.beiseite{
Hintergrundfarbe: RGBA (244,251,251,0,47);
Rand: 1px durchgezogen #FFFFFF;
Breite: 200px;
Textausrichtung: zentriert;
Farbe: #FFFFFF;
}
.aside div{
Höhe: 55px;
Rahmen unten: 1px durchgezogen #FFFFFF;
Zeilenhöhe: 55px;
}
.aside div Schriftart{
Schriftstärke: 800;
}
.aside div span {
Schriftstärke: 800;
Rand links: 18px;
}
</Stil>
</Kopf>
<Text>
<div Klasse="beiseite">
<div>
<font>Warteraum 1</font>
<span>10 Personen</span>
</div>
<div>
<font>Warteraum 1</font>
<span>4 Personen</span>
</div>
<div>
<font>Warteraum 1</font>
<span>12 Personen</span>
</div>
<div>
<font>Warteraum 1</font>
<span>6 Personen</span>
</div>
<div>
<font>Warteraum 1</font>
<span>8 Personen</span>
</div>
</div>
</body>
</html>Die Farbe kann entsprechend der Palette angepasst werden
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. |
>>: Der Einsatz von MySQL Triggern und worauf zu achten ist
Artikel empfehlen
Shell-Skript erstellt Docker halbautomatische Kompilierungs-, Verpackungs- und Freigabeanwendungsvorgänge
Die Docker-Veröffentlichungsmethode bietet viele ...
Tutorial zur Installation und Konfiguration von VMware Tools für Ubuntu
Vor einiger Zeit hat der Blogger das Ubuntu-Syste...
Einführung in das Beispiel zur Erstellung eines einfachen HTML-Webformulars
<input> wird zum Sammeln von Benutzerinforma...
Details zum Vergleich der MySQL-Datenkomprimierungsleistung
Inhaltsverzeichnis 1. Testumgebung 1.1 Hardware u...
Was sind die Unterschiede zwischen CDN, SCDN und DCDN zur Website-Beschleunigung? Wie man wählt?
1. CDN Es ist die am häufigsten verwendete Beschl...
So beheben Sie die durch MySQL DDL verursachte Synchronisierungsverzögerung
Inhaltsverzeichnis Vorwort Lösung Tool-Einführung...
Fallstudie zu JavaScript Anti-Shake
Prinzip Das Prinzip von Anti-Shake ist: Du kannst...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.24
MySQL ist das beliebteste relationale Datenbankma...
MySQL count: ausführliche Erklärung und Funktionsbeispielcode
Detaillierte Erklärung der MySQL-Anzahl Die Funkt...
Erläuterung der Dockerfile-Anweisungen und der grundlegenden Struktur
Durch die Verwendung von Dockerfile können Benutz...
Wählen Sie die besten Voreinstellungen aus, um vollständige Kompatibilität mit allen Browsern zu erreichen.
Wir wissen, dass die Eigenschaften des Auswahltags...
Einführung in den CSS BEM-Benennungsstandard (empfohlen)
1 Was ist der BEM-Namensstandard Bem ist die Abkü...
Einführung in die Parameter und Regeln für reguläre Ausdrücke bei Nginx
Vorwort In letzter Zeit habe ich Kunden dabei geh...
So lösen Sie das Problem, dass MySQL nicht geschlossen werden kann
Lösung, wenn MySQL nicht geschlossen wird: Klicke...
Das WeChat-Applet implementiert die Aufnahmefunktion
In diesem Artikel wird der spezifische Code für d...