分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

html中ul,ol和li的区别

发布时间:2023-09-06 02:18责任编辑:郭大石关键词:暂无标签

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的区别

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved