在网页中，可以用很多方法来排列文本项目，可以将多种项目没有顺序地排列在一起，也可以给每个项目赋予编号后再进行排列。此时，没有顺序的文本排列方式称为无序列表。

无序列表是项目列表，列表内容可以按任意顺序排列。列表项前不是用连续编号而是用一个特定符号来标记，默认是在每一列表项前加上一个圆点。无序列表开始于

• 标签，并且结束于

。它的列表项封闭在1i>标签对中，显示时列表项前都有项目符号，但是可以使用样式修改。

• 标签定义无序列表，
• 标签定义列表项目。语法形式如下：

  <1i>项目名称1i>

• 项目名称

<1i>项目名称

无序列表标签ul

ul标签用于设置无序列表，在每个列表项目文字之前，以项目符号作为每条列表项的前缀，各个列表没有级别之分。其中，

• 表示无序列表的开始，

表示无序列表的结束；表示一个列表项的开始，表示一个列表项的结束。

无序列表的项目符号

无序列表的项目符号，默认情况下是“．”，而通过ul标签的type属性可以改变无序列表的项目符号，避免项目符号的单调，语法格式如下：

<1i>项目名称1i>

项目名称

<1i>项目名称

其中，type属性值决定了列表项目的符号。当type属性值为disc时，项目符号为“．”；当type属性值为circle时，项目符号为“。”；当type属性值为square时，项目符号为“-”。

无序列表去掉点

无序列表怎么去掉点呢？可以在相关的页面找到head部分写入，给li加上list-style-type:none这个样式就可以了消除黑点。

在制作网页时，如果需要把各个项目美观地排列在一起，建议用户使用无序列表。在无序列表中各项目前面的圆点直接用制作好的图像来替代，也可以在CSS样式表中定义样式来去掉无序列表中的点。

使用无序列表标签ul的type属性(使用CSS的list-style来代替)，用户可以指定出现在列表项前的项目符号的样式，其取值以及相应的符号样式如下：

disc：指定项目符号为一个实心圆点(默认值是disc，是否使用该值在浏览器中效果都一样)；

circle：指定项目符号为一个空心圆点；

square：指定项目符号为一个实心方块；

none：无项目符号。

无序列表在展示相关内容时会达到最佳效果。其中的每一项都应该有同等的重要性。可能的话，让每一项的长度保持接近，就不会有明显的主次之分。保持统一的外观能让眼睛更舒适，使列表显得不那么杂乱。

标签:网页设计网页制作

版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。