suchen

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

So definieren Sie Elementlisten-CSS

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

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.

    • So definieren Sie Elementlisten-CSS

    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