<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
这将在页面上创建一个无序列表，其中包含三个项目，每个项目前面都有一个黑点。
2. 有序列表：
我们可以使用ol标签来创建有序列表，然后使用li标签来添加每个项目。默认情况下，项目前面会有一个数字（按顺序递增）。
例如：
<ol>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>
这将在页面上创建一个有序列表，其中包含三个项目，每个项目前面都有一个数字。
现在，如果我们要自定义黑点的样式和位置怎么办呢？我们可以使用CSS属性list-style来实现。
列表样式属性包括三个值：list-style-type、list-style-position和list-style-image。我们可以使用这些属性来设置黑点的类型、位置和图像。
- list-style-type：用来设置黑点的类型，包括disc（实心圆点，也是默认值）、circle（空心圆点）和square（实心方块）等。
例如：
ul {
list-style-type: circle;
}
这将把无序列表的黑点改成了空心圆点。
- list-style-position：用来设置黑点的位置，包括inside（项目内部，也是默认值）和outside（项目外部）等。
例如：
li {
list-style-position: outside;
}
这将把黑点移到了项目的左边，而不是里面。
- list-style-image：用来设置黑点的图像，可以使用自定义图片来代替黑点。
例如：
ul {
list-style-image: url('dot.png');
}
这将把无序列表的黑点替换成了一个自定义图像。
综上所述，我们可以使用HTML的无序列表和有序列表来创建项目，并使用CSS的list-style属性来设置黑点的样式和位置。这是创建清晰、易读的页面的重要组成部分。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
