CSS 如何设置列表方式为无
当我们需要使用列表的时候，常见的有有序列表和无序列表。有序列表是按照数字顺序排列，无序列表则是不按特定顺序排列。其中，无序列表的
标记默认为
一个实心圆点。但是有时候我们不希望列表出现这些
标记，这时候就需要设置列表方式为无。下面就让我来介绍一下如何使用 CSS 实现这个
效果。
1. 使用“list-style-type:none”
属性
可以使用“list-style-type:none”
属性来移除无序列表
标记。
比如下面的
代码：
pre {
white-space: pre-wrap;
margin: 0;
padding: 0;
background-color: #f5f5f5;
}
ul {
list-style-type: none;
}
上面的
代码将列表方式设置为空。其中，ul是无序列表的选择器。
2. 设置“list-style”为“none”
还可以使用“list-style:none”
属性来移除无序列表
标记。
代码如下：
pre {
white-space: pre-wrap;
margin: 0;
padding: 0;
background-color: #f5f5f5;
}
ul {
list-style: none;
}
以上
代码将去掉列表的
标记，和第一种
方法效果是一样的。
总结
无序列表
默认会
显示标记，但是我们使用 CSS 可以去掉这些
标记，让列表方式变成无。可以使用“list-style-type:none”或者“list-style:none”来实现。这些
方法主要应用在一些特殊的场合，比如需要把列表做为图文列表来使用，只留下
文字，这些技巧可以在 Web 设计中带来很好的
效果。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
