最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css ul、ol、dl区别
时间:2010-10-31 编辑:简简单单 来源:一聚教程网
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、有序列表:
- ……
- ……
- ……
有序列表在实际中用到的比较少,顾名思义,里边的li是有顺序的。可以通过设置来实现li前边显示“1,2,3”或其他顺序(具体查看在线手册)。
1、定义列表:
- 标题
- 内容1
- 内容2
-
上一个: css中单位px和em的区别
-
下一个: css 静态滤镜与动态滤镜实现方法
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26