Heim > Artikel > Web-Frontend > So definieren Sie Elementlisten-CSS

So definieren Sie Elementlisten-CSS

藏色散人Original: 2020-12-18 11:08:212741Durchsuche

So definieren Sie eine Liste von Elementen in CSS: Erstellen Sie zunächst eine HTML-Beispieldatei und verwenden Sie dann das „

“-Tag, um die Listenelemente zu definieren der Listenstil.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „CSS-Video-Tutorial

In HTML können Sie das

-Tag verwenden, um Listenelemente zu definieren, und dann das List-Style-Attribut in CSS verwenden, um den Listenstil zu definieren Das Abkürzungsattribut wird in einer Anweisung festgelegt. Alle Listeneigenschaften.

Sie können die folgenden Attribute der Reihe nach festlegen:

list-style-type
list-style-image
list-style-position

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
ul 
{
list-style:disc;
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>

Der Effekt ist wie folgt:

So definieren Sie Elementlisten-CSS

Das obige ist der detaillierte Inhalt vonSo definieren Sie Elementlisten-CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSSNächster Artikel：So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

In Verbindung stehende Artikel

Mehr sehen