去除有序和无序列表中前面的序号

去除有序和无序列表中前面的序号

在这里插入图片描述
这是无序列表,为了方便显示我在div和ul,li外边都加了边框

①在css层叠样式表中设置ul的样式

在这里插入图片描述
通过加入list-style:none; 将无序列表中前面的符号去除
这时又有一个问题,样式虽然去除了,但是ul列表中符号占据的空间还是存在,这时我们在浏览器中打开查看ul的盒子模型就会发现问题所在
在这里插入图片描述

②去除ul列表中符号占据的空间

在这里插入图片描述
之后就可以对ul进行布局并且不用担心符号的问题了

有序列表的方法也是一样的

如果对你有用你可以点个赞支持一下

猜你喜欢

转载自blog.csdn.net/weixin_41350225/article/details/84637442