html无序列表怎么写?无序列表怎么去掉点?(图文)

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

  


  无序列表是项目列表,列表内容可以按任意顺序排列。列表项前不是用连续编号而是用一个特定符号来标记,默认是在每一列表项前加上一个圆点。无序列表开始于<ul>标签,并且结束于</ul>。它的列表项封闭在<li></1i>标签对中,显示时列表项前都有项目符号,但是可以使用样式修改。

  

  <ul>标签定义无序列表,<li>标签定义列表项目。语法形式如下:

  

  <ul>

  

  <1i>项目名称</1i>

  

  <li>项目名称</li>

  

  <1i>项目名称</li>

  

  </ul>

  

  无序列表标签ul

  

  ul标签用于设置无序列表,在每个列表项目文字之前,以项目符号作为每条列表项的前缀,各个列表没有级别之分。其中,<ul>表示无序列表的开始,</ul>表示无序列表的结束;<li>表示一个列表项的开始,</li>表示一个列表项的结束。

  

无序列表的项目符号

  

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

  

  <ul type="符号类型">

  

  <1i>项目名称</1i>

  

  <li>项目名称</li>

  

  <1i>项目名称</li>

  

  </ul>

  

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

  


无序列表去掉点

  

  无序列表怎么去掉点呢?可以在相关的页面找到head部分写入<style type="text/css">list-style:none;</style>,给li加上list-style-type:none这个样式就可以了消除黑点。

  

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

  

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

  

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

  

  circle:指定项目符号为一个空心圆点;

  

  square:指定项目符号为一个实心方块;

  

  none:无项目符号。

  

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


标签:网页设计网页制作