[置顶] 标签ul与ol的区别及使用方法
2018-01-31 13:42
183 查看
ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了。
●这是第一个列表
●这是第二个列表
●这是第三个列表
●这是第四个列表
ol是有序列表,同样举个例子。
1、这是第一个列表
2、这是第二个列表
3、这是第三个列表
4、这是第四个列表
这就是ul与ol的区别。
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
●这是第一个列表
●这是第二个列表
●这是第三个列表
●这是第四个列表
ol是有序列表,同样举个例子。
1、这是第一个列表
2、这是第二个列表
3、这是第三个列表
4、这是第四个列表
这就是ul与ol的区别。
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
相关文章推荐
- HTML5中ul,ol,div标签及其使用语法
- HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法
- HTML中列表标签dl dt dd语法结构与使用(类似 ul,ol标签)
- HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法
- 前端HTML列表<ol> <ul> <dl>标签的属性和使用
- HTML列表标签dl、ul、ol 的使用示例
- html文档中列表标签使用方法和区别
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- Struts2 标签不能使用静态方法的原因
- 处理拥有相似结构的表 & map 和 maps 的区别和使用方法
- showModalDialog和showModelessDialog的区别和使用方法
- C#基础篇 重写与重载,以及其中设计的虚方法和抽象方法的使用和区别
- HTML中使用struts标签的方法
- linux下vi与vim编辑器的区别及使用方法
- Session的load()和get()方法使用区别?
- loadbundle - jsf标签 f:loadbundle 的使用方法
- c# 中一些方法使用的区别
- sql中varchar和nvarchar的区别与使用方法
- sql中varchar和nvarchar的区别与使用方法
- sizeof和strlen区别和使用方法