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

So definieren Sie Elementlisten-CSS

藏色散人
Freigeben: 2020-12-18 11:08:48
Original
2858 Leute haben es durchsucht

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>
    Nach dem Login kopieren

    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!

    Verwandte Etiketten:
    css
    Quelle:php.cn
    Erklärung dieser Website
    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
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage