So löschen Sie die Seriennummer von li in CSS-CSS-Tutorial-php.cn

So löschen Sie die Seriennummer von li in CSS

醉折花枝作酒筹

Freigeben： 2023-01-06 11:16:09

Original

4503 Leute haben es durchsucht

Sie können das Attribut list-style-type in CSS verwenden, um die Seriennummer von li zu löschen. Sie müssen nur den Stil „list-style-type:none“ für das li-Element festlegen. Das Attribut „list-style-type“ wird verwendet, um den Typ des Listenelement-Tags festzulegen. Wenn der Wert „none“ ist, bedeutet dies, dass kein Tag vorhanden ist.

So löschen Sie die Seriennummer von li in CSS

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie die Seriennummer des Li-Tags in CSS entfernen. Erstellen Sie in der Datei test.html eine Liste mit dem li-Tag. Legen Sie im CSS-Tag den Stil der Liste fest.

Setzen Sie im CSS-Tag das Attribut list-style-type auf none, um die Seriennummer des li-Tags zu entfernen.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    
  </head>
  <body>
    <ol class="mycss">
      <li>标签a</li>
      <li>标签b</li>
      <li>标签c</li>
    </ol>
  </body>
</html>

Nach dem Login kopieren

Vor dem Hinzufügen des Effektcodes:

So löschen Sie die Seriennummer von li in CSS

Nach dem Hinzufügen des Effektcodes:

Code:

<style>
      li {
          list-style-type: none;
      }
    </style>

Nach dem Login kopieren

Effekt:

So löschen Sie die Seriennummer von li in CSS

Erweiterung:

list-style -Typ-Attributeinstellungslistenelementmarkierung Typ.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo löschen Sie die Seriennummer von li in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!