html中去除ul,li标签的样式列表标签的点?

时间:2026-02-14 00:57:10

1、首先来看看我们使用列表标签出现的问题。

<ul>

<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li>

</ul>

html中去除ul,li标签的样式列表标签的点?

2、我们发现会出现了一个黑的小点点。因为我们使用的是无序列表标签。那么要怎么除去这些点点呢。

html中去除ul,li标签的样式列表标签的点?

3、接下来看看怎么解决问题咯。先打开记事本或者其他的html编辑器。我使用的editplus.新建一个html文件

html中去除ul,li标签的样式列表标签的点?

4、我们只需要给无序列表标签添加一个样式就可以了。在样式标签里面写

html中去除ul,li标签的样式列表标签的点?

5、加入如下的代码:

ul li{

list-style: none;

}

这样就可以去除默认的样式了。当然你也可以直接写在标签里面把样式,不过我推荐大家使用这种这发,使得代码后期方便维护。

html中去除ul,li标签的样式列表标签的点?

6、运行结果就可以看到效果了。哈哈。是不是很简单啊 

html中去除ul,li标签的样式列表标签的点?

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com