Beispielcode für CSS, um horizontale Linien auf beiden Seiten des Textes zu erzielen
|
In diesem Artikel wird der CSS-Beispielcode vorgestellt, mit dem der Effekt horizontaler Linien auf beiden Seiten der Textmitte erzielt werden kann. Die spezifischen Hinweise lauten wie folgt: Wirkung:
<!doctype html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta name="Ansichtsfenster"
content="Breite=Gerätebreite, benutzerdefiniert skalierbar=nein, Anfangsmaßstab=1,0, Maximalmaßstab=1,0, Minimalmaßstab=1,0">
<meta http-equiv="X-UA-kompatibel" content="ie=edge">
<title>Dokument</title>
<Stil>
.Titel{
Textausrichtung: zentriert;
Position: relativ;
Höhe: 50px;
Zeilenhöhe: 50px;
Breite: 800px;
Rand: 200px automatisch;
}
.title:nach,.title:vor{
Inhalt: "";
Position: absolut;
oben: 50 %;
Hintergrund: #7a7a7a;
Höhe: 1px;
Breite: 35%;
}
.title:nach{
links: 0;
}
.title:vor{
rechts: 0;
}
</Stil>
</Kopf>
<Text>
<div class="title">CSS, um den Effekt horizontaler Linien auf beiden Seiten der Textmitte zu erzielen</div>
</body>
</html>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. |
<<: Schritte zum Wiederherstellen von Code aus einem Docker-Container-Image
>>: H-Tags sollten bei der Erstellung von Webseiten sinnvoll verwendet werden
Artikel empfehlen
Eine Zusammenfassung der Gründe, warum MySQL keinen Datumsfeldindex verwendet
Inhaltsverzeichnis Hintergrund erkunden Zusammenf...
Gängige Angriffe auf Web-Frontends und Möglichkeiten, sie zu verhindern
Die Sicherheitsprobleme, die bei der Frontend-Ent...
Verwendung und Unterschied von Vue.set() und this.$set()
Wenn wir Vue zur Entwicklung verwenden, kann eine...
Implementierung der Remote-Linux-Entwicklung mit vscode
Verabschieden Sie sich von der Vergangenheit Bevo...
Detailliertes Tutorial zum Bereitstellen eines Django-Projekts mit Docker auf CentOS8
Einführung In diesem Artikel stellen wir vor, wie...
Analyse des allgemeinen MySQL-Abfrageprotokolls und des langsamen Abfrageprotokolls
Die Protokolle in MySQL umfassen: Fehlerprotokoll...
So konfigurieren Sie die MySQL-Master-Slave-Synchronisierung in Ubuntu 16.04
Vorbereitung 1. Die Master- und Slave-Datenbankve...
JavaScript Canvas realisiert farbenfrohen Sonnenhalo-Effekt
In diesem Artikelbeispiel wird der spezifische Co...
Vue ruft die Computerkamera auf, um die Fotofunktion zu realisieren
In diesem Artikelbeispiel wird der spezifische Co...
Zehn nützliche und einfache MySQL-Funktionen
Funktion 0. Aktuelle Uhrzeit anzeigen Befehl: sel...
CSS-Listenverschiebung, um zu verhindern, dass sie von unten verdeckt wird, und um sich an die längere Verarbeitung des Bildschirmmodells anzupassen
1. Wenn das mobile Endgerät die Listenverschiebun...
Der gesamte Prozess der Installation von Gogs mit Pagoda Panel und Docker
Inhaltsverzeichnis 1 Installieren Sie Docker im B...
Detaillierte Erläuterung der dauerhaften Speicherung von Redis unter Docker
In diesem Kapitel beginnen wir mit dem Betrieb vo...
Docker entfernt abnormale Containervorgänge
Dieser Neuling ist auf ein solches Problem gestoß...
Eine kurze Diskussion über die Platzierung von Skripten in HTML
Früher dachte ich, dass Skripte überall in HTML p...