一聚教程网:一个值得你收藏的教程网站

热门教程

css ul、ol、dl区别

时间:2022-06-25 09:06:29 编辑:袖梨 来源:一聚教程网

html中共有3种列表:无序列表ul、有序列表ol、定义列表dl。

1、无序列表:


     
  • ……

  •  
  • ……

 看一款关于ul li菜单实例

 

* { margin:0; padding:0; }
ul{ list-style:none;}
ul#nav { background:#f3c; padding-top:10px; }
ul#nav li a{ display:block; text-align:center; padding:10px 0;}

html代码

  ul是最常用到的列表,一般的新闻列表都是通过ul实现的。其中li是没有顺序性的,就是并列关系。通过设置list-style样式可以控制li前边显示点或圈等(具体查看在线手册)。在具体操作中,列表前边的小图标都是通过背景图来实现的。

  2、有序列表:


     
  1. ……

  2.  
  3. ……

  4.  
  5. ……


  有序列表在实际中用到的比较少,顾名思义,里边的li是有顺序的。可以通过设置来实现li前边显示“1,2,3”或其他顺序(具体查看在线手册)。

  1、定义列表:


 
标题

 
内容1

 
内容2

热门栏目