如何在 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>使用 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 相关问题解答
以下是与此主题相关的更多常见问题解答: