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
Vier Kategorien von CSS-Selektoren: Basis, Kombination, Attribut, Pseudoklasse
Was ist ein Selektor? Die Rolle des Selektors bes...
Detaillierte Erklärung der Docker-Einstiegspunktdatei
Schließen Sie beim Schreiben einer Docker-Datei e...
Implementierung des WeChat-Applet-Nachrichten-Pushs in Nodejs
Auswählen oder Erstellen einer Abonnementnachrich...
Implementierungsidee zur Linksausrichtung der letzten Zeile des Flexbox-Layouts
Wenn es sich bei der Verwendung des Flex-Layouts ...
Erklären Sie kurz die Verwendung von „group by“ in SQL-Anweisungen
1. Übersicht Gruppieren nach bedeutet, Daten nach...
Beispiele für 4 Methoden zum Einfügen großer Datenmengen in MySQL
Vorwort Dieser Artikel stellt hauptsächlich 4 Met...
Lösen Sie das Gruppieren-nach-Abfrage-Problem nach dem Upgrade von Mysql auf 5.7
Finden Sie das Problem Nach dem Upgrade von MySQL...
Sechs wichtige Selektoren in CSS (merken Sie sie sich in drei Sekunden)
Von: https://blog.csdn.net/qq_44761243/article/de...
Detaillierte Analyse des Reaktionsprinzips und der bidirektionalen Daten von Vue
Verstehen von object.defineProperty, um Reaktions...
61 Dinge, die jeder Webentwickler wissen sollte
Normalerweise müssen Sie die Reden aller Teilnehme...
Vue3.0 verwendet das Plug-In vue-grid-layout, um Drag-Layout zu implementieren
Inhaltsverzeichnis 1. Plugins 2. Zwischenspiel 3....
Detaillierte Erläuterung der Transaktionsisolierungsebenen der MySQL-Datenbank
Isolationsebene für Datenbanktransaktionen Es gib...
So erhalten Sie Formulardaten in Vue
Inhaltsverzeichnis brauchen Daten abrufen und übe...
iview implementiert dynamische Formulare und eine benutzerdefinierte Überlappung der Überprüfungszeiträume
Formularelemente dynamisch hinzufügen Das dynamis...
Tutorial zu HTML-Tabellen-Tags (13): Regeln für interne Rahmenstilattribute
Mit REGELN kann die Art der inneren Rahmen der Ta...