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
JavaScript BOM-Standortobjekt + Navigatorobjekt + Verlaufsobjekt
Inhaltsverzeichnis 1. Standortobjekt 1. URL 2. Ei...
Webdesigner ist ein geeignetes Talent
<br />Es gibt keine Straße auf der Welt. Wen...
Codebeispiel zum Erreichen des internen Ankerpunkts einer Webseite durch reines CSS beim Auf- und Ab-Offset
Als ich kürzlich an meiner Website „Fußball-Navig...
So zeigen Sie den Speicherort von MySQL-Datendateien an
Wir haben möglicherweise eine Frage: Nachdem wir ...
Der gesamte Prozess der Installation von mysql5.7.22 unter der ARM64-Architektur
MySQL-Download-Adresse: https://obs.cn-north-4.my...
Informationen zur Verarbeitung des adaptiven Layouts (mit Float und negativem Rand)
Adaptives Layout wird in praktischen Anwendungen i...
Detailliertes Beispiel für die Verwendung von CSS zur Verschönerung von HTML-Formular-Steuerelementen (Formularverschönerung)
1. Grundlegende Syntaxstruktur der HTML-Senden- u...
Miniprogramm zur Implementierung des kompletten Einkaufswagens
Das Miniprogramm implementiert einen vollständige...
Vollständige MySQL-Collapse-Abfrage, reguläre Übereinstimmung, ausführliche Erklärung
Überblick Im vorherigen Kapitel haben wir die Fil...
Detaillierte Erläuterung des Speichermodells der JVM-Serie
Inhaltsverzeichnis 1. Speichermodell und Laufzeit...
Implementierungsbeispiel für die Datums- und Uhrzeitverarbeitung des WeChat-Applets wxs
Inhaltsverzeichnis 1. Zeitstempel bis heute 2. Ko...
Einfaches Beispiel für HTML-Textformatierung (ausführliche Erklärung)
1. Textformatierung: Dieses Beispiel zeigt, wie T...
Tutorial zur HTML-Tabellenauszeichnung (48): CSS-modifizierte Tabelle
<br />Sehen wir uns nun an, wie Sie die CSS-...
Webdesign-Zusammenfassung
<br />Von der Geburt meiner ersten persönlic...
Vue3+Vite+TS implementiert sekundäre Kapselung von Element-Plus-Geschäftskomponenten sfasga
Inhaltsverzeichnis 1. Strukturzeichenfolge 2. Tup...