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

Detaillierte Erklärung zur Verwendung der JavaScript-Paging-Komponente

Die Paginierungskomponente ist eine häufige Kompo...

Einführung in das Versionsverwaltungstool Rational ClearCase

Rational ClearCase ist ein Tool für das Softwarek...

Lösung zur Bereinigung des Docker-Festplattenspeichers

Vor einiger Zeit stieß ich auf das Problem, dass ...

Tipps zum Erstellen von Webseiten für Mobiltelefone

Angesichts der Tatsache, dass mittlerweile viele M...

Beispiel zum Entfernen eines JSON-Backslashs in PHP

1. Entfernen Sie Backslashes mit der Methode „str...

Vergleich der Effizienz verschiedener Methoden zum Löschen von Dateien in Linux

Testen Sie die Effizienz des Löschens einer große...

Verwendung der hasOwnProperty-Methode des js-Attributobjekts

Die Methode hasOwnProperty() des Objekts gibt ein...

Grafisches Tutorial zur Installation und Konfiguration von Mysql WorkBench

In diesem Artikel erfahren Sie mehr über die Inst...

Detaillierte Erklärung der Verwendung von Reduce Fold Unfold in JS

Inhaltsverzeichnis falten (reduzieren) Verwenden ...

Diagramm des Datenübertragungsprozesses beim dritten TCP-Handshake

Die Prozesspakete mit dem SYN-Flag im RFC793-Doku...

JavaScript Canvas realisiert dynamische Punkt- und Linieneffekte

In diesem Artikel wird der spezifische Code für J...