介绍
这篇文章给大家分享的是有关的HTML如何去掉李前面的小黑点的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
在工作中,我们经常会用到列表,列表又分为有序列表和无序列表,无序列表在页面中会显示实心圆点,有序列表会显示序号,但是,有时候我们不要它,觉得是多余的,不需要列表前面的点和序号显示出来,<强>那可以去除列表样式吗?怎么去掉李前面的点呢? 强>接下里,举例并且用代码和图片进行讲解。
看这个例子,我用无序列表写了古代四大美女的名字,看看没有去除列表样式时,是什么效果。
& lt; ul> & lt; li>西施& lt;/li> & lt; li>王昭君& lt;/li> & lt; li>貂蝉& lt;/li> & lt; li>杨玉环& lt;/li> & lt;/ul>
效果图:
<强>现在,我不需要列表前面的点点,应该如何去除呢? 强>
接下来介绍几种去除列表前面小圆点的方法。
1,在CSS中写上list-style:没有,通过这个属性,可以去除列表样式
ul {list-style:没有;}
效果图:
2,在CSS中加上list-style-type:没有,和上一种方式一样,只是用了不同的属性。
ul {list-style-type:没有;}
3,在李标签里面直接加入列表样式,前面两个给了样式去除圆点,后面两个没给,还会显示出来。
& lt; ul> & lt;李风格=發ist-style-type:没有,“在西施& lt;/li> & lt;李风格=發ist-style-type:没有,“在王昭君& lt;/li> & lt; li>貂蝉& lt;/li> & lt; li>杨玉环& lt;/li> & lt;/ul>
效果图:
4,当然,也可以给标签一个类名,在CSS中给样式,比如下列代码,只给第一个李标签样式,它自然就没有前面的圆点了。
HTML部分:
& lt; ul> & lt;李类=癮1"祝辞西施& lt;/li> & lt; li>王昭君& lt;/li> & lt; li>貂蝉& lt;/li> & lt; li>杨玉环& lt;/li> & lt;/ul>
CSS部分:
。a1 {list-style-type:没有;}
效果图:
感谢各位的阅读!关于HTML如何去掉李前面的小黑点就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!