Implementierung des Attributs „list-style-type“ vor CSS-geordneten oder ungeordneten Listen

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 installieren und konfigurieren Sie MySQL und ändern das Root-Passwort

1. Installation apt-get install mysql-server erfo...

Import-, Export-, Sicherungs- und Migrationsvorgänge für Docker-Images

Export: docker save -o centos.tar centos:latest #...

Ist es notwendig, dem Img-Bild-Tag ein Alt-Attribut zuzuweisen?

Fügen Sie dem img-Bild-Tag ein Alt-Attribut hinzu?...

So löschen Sie zusätzliche Kernel in Ubuntu

Schritt 1: Den aktuellen Kernel anzeigen rew $ un...

Analyse des neuen Ressourcenmanagementsystems von CocosCreator

Inhaltsverzeichnis 1. Ressourcen und Konstruktion...

So erstellen Sie schnell ELK basierend auf Docker

[Zusammenfassung] Dieser Artikel erstellt schnell...

Vue implementiert ein einfaches Einkaufswagenbeispiel

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung der allgemeinen APIs und erweiterten APIs von Vue

Inhaltsverzeichnis nächstesTick Mixins $forceUpda...

Einige weniger bekannte Sortiermethoden in MySQL

Vorwort ORDER BY 字段名升序/降序. Ich glaube, jeder hier...

24 praktische Tipps zur JavaScript-Entwicklung

Inhaltsverzeichnis 1. Initialisieren Sie das Arra...

Docker-Verbindung – MongoDB-Implementierungsprozess und Codebeispiele

Nachdem der Container gestartet wurde Melden Sie ...