Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie den Punkt vor li in CSS

So entfernen Sie den Punkt vor li in CSS

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-04-09 17:26:486351Durchsuche

In CSS können Sie das Attribut list-style verwenden, um die Punkte vor li zu löschen. Sie müssen nur den Stil „list-style:none“ auf das li-Tag setzen. Das Attribut list-style wird verwendet, um die Markierung von li-Listenelementen zu steuern. Wenn der Wert „none“ ist, kann die Projektmarkierung vor li gelöscht werden.

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

Wenn viele Leute div verwenden, um Websites zu erstellen, verwenden sie immer li, aber wenn der Effekt angezeigt wird, ist immer ein kleiner schwarzer Punkt davor. Das bereitet vielen Leuten Kopfschmerzen, aber sie können das nicht finden Quelle: Im Übrigen können Sie die folgenden Methoden verwenden, um es zu löschen.

1. Code in CSS schreiben. Suchen Sie das entsprechende CSS in . Schreiben Sie <code>list-sytle:none; unter .li und .ul. Natürlich schreiben einige Leute list wie folgt: -style-type:none, diese Schreibmethode ist insbesondere in einigen CMS die gebräuchlichste. .li.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。 

2、在相关的页面找到head部分写入下面的代码

<style type="text/css">
li{
    list-style:none;
}
</style>

 3、在li,ul内加入list-style。

<ul style="list-style-type:none>
    <li>
    <a herf="http://123.COM">我的博客</a>
    </li>
< /ul>

当然这种是很麻烦的了。

最简单的就是第一种了,通过CSS来控制,这个当然会有不错的效果了。 

这几种方法都是通过设置list-style:none来设置的,有的是会用list-style-type

2. Suchen Sie den Kopfteil der relevanten Seite und schreiben Sie den folgenden Code
    ul li{
    list-style-type:none;
    }
  • 3. Fügen Sie li und ul den Listenstil hinzu.

    ul li{
    list-style-type:none;
    list-style-image: url(images/icon.gif);
    }

    Natürlich ist das sehr mühsam.
  • Die einfachste ist die erste, die über CSS gesteuert wird. Dies wird natürlich gute Auswirkungen haben.

    Diese Methoden werden alle durch Festlegen der Eigenschaft list-style:none festgelegt.
  • none: keine Aufzählungszeichen verwenden
  • disc: gefüllter Kreis, Standardwert Kreis Hohlkreis
  • Quadrat: Vollquadrat
  • Dezimal: Arabische Ziffern
  • Kleine römische Ziffern: römische Kleinbuchstaben
  • obere römische Ziffern: römische Großbuchstaben

Kleinbuchstaben Englisch Buchstaben

upper-alpha: Englische Großbuchstaben

Diese können alle verwendet werden, um keine der oben genannten Buchstaben zu ersetzen.

A) Verwenden Sie CSS, um das Listensymbol zu formatieren:

ul{
list-style-type:none;
margin:0px;
}

B) Wenn Sie das Listensymbol in ein Bild ändern möchten, dann: 🎜
ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}
🎜 C) Für die Linksausrichtung können Sie den folgenden Code verwenden: 🎜rrreee🎜 D) Wenn Sie der Liste eine Hintergrundfarbe hinzufügen möchten, können Sie den folgenden Code verwenden: 🎜rrreee🎜Empfohlenes Lernen: 🎜CSS-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Punkt vor li in 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