如何在 HTML 中创建没有任何项目符号的无序列表
主题：HTML / CSS上一页|下一页
答案：使用 CSS list-style-type 属性
您可以简单地使用带有 none 值的 CSS list-style-type 属性来从无序列表（即 <ul> 元素）中删除项目符号。 此外，要从列表中删除默认的左侧填充，您可以使用在其上设置 padding-left: 0;。 这是一个例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Remove Bullets from List using CSS</title>
<style>
ul{
list-style-type: none;
padding-left: 0;
}
</style>
</head>
<body>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</body>
</html>如果您使用的是 Bootstrap framework，您可以简单地将类 .list-unstyled 应用于 <ul> 或 <ol> 元素。 它从作为 <ul> 或 <ol> 元素的直接子元素的列表项中删除项目符号（或列表标记）以及左侧填充。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements