Heim > Web-Frontend > Front-End-Fragen und Antworten > So löschen Sie Aufzählungspunkte in einer Liste mit CSS

So löschen Sie Aufzählungspunkte in einer Liste mit CSS

青灯夜游
Freigeben: 2022-03-15 19:04:51
Original
8804 Leute haben es durchsucht

So löschen Sie Aufzählungspunkte: 1. Verwenden Sie das Attribut list-style, fügen Sie einfach den Stil „list-style:none;“ zum li-Element hinzu. 2. Verwenden Sie das Attribut list-style-type, fügen Sie einfach „list- style-type:none;" Stil ist genug.

So löschen Sie Aufzählungspunkte in einer Liste mit CSS

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

HTML-Liste (Liste) kann mehrere verwandte Inhalte organisieren, damit der Inhalt besser organisiert aussieht. Innerhalb von Listen können Sie Text, Bilder, Links usw. platzieren und eine Liste innerhalb einer anderen Liste definieren (verschachtelte Listen).

HTML bietet uns drei verschiedene Formen von Listen:

  • Geordnete Liste mit

      +
    1. -Tags
    2. Ungeordnete Liste mit

        +
      • -Tag
      • Um eine Liste zu definieren, verwenden Sie das Tag
        +
      • Unter geordneten Listen und ungeordneten Listen müssen den Elementen in der Standardliste folgende Symbole vorangestellt werden:

      Wie kann man also die Aufzählungspunkte in der Liste löschen?

      Sie können das Attribut list-style oder list-style-type verwenden und seinen Attributwert auf So löschen Sie Aufzählungspunkte in einer Liste mit CSS setzen. So löschen Sie Aufzählungspunkte in einer Liste mit CSS

      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      </head>
      <style>
      li {
      /* list-style:none; */
      list-style-type: none;
      }
      </style>
      <body>
      <p>煮米饭的步骤:</p>
      <ol>
      <li>将水煮沸</li>
      <li>加入一勺米</li>
      <li>搅拌均匀</li>
      <li>继续煮10分钟</li>
      </ol>
      <p>早餐的种类:</p>
      <ul>
      <li>鸡蛋</li>
      <li>牛奶</li>
      <li>面包</li>
      <li>生菜</li>
      </ul>
      </body>
      </html>
      Nach dem Login kopieren

      (Lernvideo-Sharing: noneCSS-Video-Tutorial

      ,

      Web-FrontendSo löschen Sie Aufzählungspunkte in einer Liste mit CSS)

Das obige ist der detaillierte Inhalt vonSo löschen Sie Aufzählungspunkte in einer Liste mit 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