下面是一个简单的无序列表的例子:
```html 苹果 香蕉 橙子```
这个例子中,我们定义了一个无序列表,其中包含三个列表项:苹果、香蕉和橙子。在浏览器中显示时,每个列表项前都会有一个圆点。
你可以通过CSS来定制无序列表的样式,比如改变圆点的颜色、大小或形状等。
HTML无序列表:构建清晰、易读的网页导航
无序列表的基本结构
```html
项目一
项目二
项目三
无序列表的样式
```css
ul {
list-style-type: none; / 移除默认的列表标记 /
padding-left: 0; / 移除默认的左边距 /
li {
margin-bottom: 10px; / 为每个列表项添加底部间距 /
font-size: 16px; / 设置字体大小 /
color: 333; / 设置字体颜色 /
通过上述CSS样式,我们可以移除无序列表的默认标记,并设置字体大小、颜色和间距,使列表更加美观。
无序列表在导航中的应用
无序列表在网页导航中扮演着重要角色。以下是一个使用无序列表创建的水平导航菜单的示例:
```html