Implementierung des Attributs „list-style-type“ vor CSS-geordneten oder ungeordneten Listen
|
Beispiel:
<html>
<Kopf>
<style type="text/css">
ul.none{Listenstiltyp:none}
ul.circle {Listenstiltyp:Kreis}
ul.square {Listenstiltyp:square}
ol.upper-roman {Listenstiltyp:upper-roman}
ol.lower-alpha {Listenstiltyp:lower-alpha}
</Stil>
</Kopf>
<Text>
<p>Listenstiltyp keiner:</p>
<ul Klasse="keine">
<li>Kaffee</li>
<li>Tee</li>
<li>Coca Cola</li>
</ul>
<p>Listenstil-Typ Kreis:</p>
<ul Klasse="Kreis">
<li>Kaffee</li>
<li>Tee</li>
<li>Coca Cola</li>
</ul>
<p>Listenstil-Typ Quadrat:</p>
<ul Klasse="Quadrat">
<li>Kaffee</li>
<li>Tee</li>
<li>Coca Cola</li>
</ul>
<p>Typ Groß-Roman:</p>
<ol Klasse="upper-roman">
<li>Kaffee</li>
<li>Tee</li>
<li>Coca Cola</li>
</ol>
<p>Listenstil-Typ unteres Alpha:</p>
<ol Klasse="unteres Alpha">
<li>Kaffee</li>
<li>Tee</li>
<li>Coca Cola</li>
</ol>
</body>
</html>
Dies ist das Ende dieses Artikels über die Implementierung des Attributs „list-style-type“ vor CSS-geordneten oder ungeordneten Listen. Weitere relevante CSS-Inhalte zu geordneten oder ungeordneten Listenmarkierungen im „list-style-type“ finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! |
<<: Einführung in das Beispiel zur Erstellung eines einfachen HTML-Webformulars
>>: Detaillierter Prozess der Installation und Konfiguration von MySQL und Navicat Prenium
Artikel empfehlen
So verwenden Sie CSS-Pseudoelemente, um den Stil mehrerer aufeinanderfolgender Elemente zu steuern
Wenn Sie CSS-Pseudoelemente zur Steuerung von Ele...
Schritte zur Installation von Pyenv unter Deepin
Vorwort In der Vergangenheit habe ich die Python-...
Anmeldung zur Token-Verifizierung im Vue-Projekt (Front-End-Teil)
In diesem Artikelbeispiel wird der spezifische Co...
So erstellen Sie eine my.ini-Datei im MySQL 5.7.19-Installationsverzeichnis
Im vorherigen Artikel habe ich das ausführliche T...
Verstehen Sie die Verwendung des All-Attributs von CSS3
1. Kompatibilität Wie unten dargestellt: Die Komp...
So verwenden Sie HTML-Tabellen (um den visuellen Effekt einer Webseite anzuzeigen)
Wir wissen, dass wir beim Verwenden von HTML im N...
Verwenden Sie natives JS, um den Scroll-Effekt des Live-Bullet-Bildschirms zu simulieren
Inhaltsverzeichnis 1. Grundprinzipien 2. Spezifis...
Anwendung von Hadoop-Zählern und Datenbereinigung
Datenbereinigung (ETL) Vor dem Ausführen des MapR...
Erläuterung der Überwachungsparameter in Leistung und Systemschema in MySQL 5.7 (empfohlen)
1. Leistungsschema: Einführung In MySQL 5.7 wurde...
Implementierung der Lese-/Schreibtrennung und des Lastenausgleichs von MySQL basierend auf OneProxy
Einführung Teil 1: Am Anfang geschrieben OneProxy...
Tutorial zur Verwendung von Docker Compose zum Erstellen von Confluence
Dieser Artikel verwendet die Lizenzvereinbarung „...
Freundliche Alternativen zum Find Tool in Linux
Mit dem Befehl „Find“ können Sie in einem angegeb...
Über Zabbix Admin-Login vergessen Passwort zurücksetzen
Das Problem beim Zurücksetzen des Passworts für d...
React-Beispiel, das den Fortschritt des Datei-Uploads zeigt
Inhaltsverzeichnis React-Demo zur Anzeige des Dat...
js implementiert das Popup-Anmeldefeld durch Klicken auf das Popup-Fenster
In diesem Artikel wird der spezifische Code von j...