下面是一个简单的无序列表的例子:

```html 苹果 香蕉 橙子```

这个例子中,我们定义了一个无序列表,其中包含三个列表项:苹果、香蕉和橙子。在浏览器中显示时,每个列表项前都会有一个圆点。

你可以通过CSS来定制无序列表的样式,比如改变圆点的颜色、大小或形状等。

HTML无序列表:构建清晰、易读的网页导航

无序列表的基本结构

```html

项目一

项目二

项目三

无序列表的样式

```css

ul {

list-style-type: none; / 移除默认的列表标记 /

padding-left: 0; / 移除默认的左边距 /

li {

margin-bottom: 10px; / 为每个列表项添加底部间距 /

font-size: 16px; / 设置字体大小 /

color: 333; / 设置字体颜色 /

通过上述CSS样式,我们可以移除无序列表的默认标记,并设置字体大小、颜色和间距,使列表更加美观。

无序列表在导航中的应用

无序列表在网页导航中扮演着重要角色。以下是一个使用无序列表创建的水平导航菜单的示例:

```html