码迷,mamicode.com
首页 > Web开发 > 详细

html中ul,ol和li的区别

时间:2018-10-15 23:12:19      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:css   默认   使用   表示   例子   通过   排列   大写   属性   

ul是无序列表,全称是unordered list,先来个例子:
    ●张三
    ●李四
    ●王二
    ●刘五
   ol是有序列表 ,全称是ordered list,同样举个例子:
  1、张三
  2、李四
  3、王二
  4、刘五

这就是ul与ol的区别。
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
ul 是块级元素可以定义宽和高 ,li表示行排列不能单独使用,需要在ul和ol里面,配合使用。

html中ul,ol和li的区别

标签:css   默认   使用   表示   例子   通过   排列   大写   属性   

原文地址:https://www.cnblogs.com/chaojiyingxiong/p/9794825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!