Heim > Artikel > Web-Frontend > So entfernen Sie den Punkt vor li in CSS
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
ul li{ list-style-type:none; }
ul li{ list-style-type:none; list-style-image: url(images/icon.gif); }Natürlich ist das sehr mühsam.
list-style:none
festgelegt. 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!