7.HTML&CSS---有序列表,无序列表,定制列表

HTML

列表

在网页中一共有三种列表:有序列表,无序列表,定制列表

  • 默认的项目符号我们一般都不使用!!
  • 如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置
1. 无序列表
  • 使用ul标签来创建无序列表
  • 使用li在ul中创建一个一个的列表项
  • 通过type属性可以修改列表的项目符号

菜谱

  • 宫保鸡丁
    1. 宫保
    2. 鸡丁
  • 鱼香肉丝
    • 鱼香
    • 肉丝
  • 剁椒鱼头
2. 有序列表
  • 使用ol标签来创建无序列表
  • 有序列表采用有序的序号作为项目符号

菜谱

  • 宫保鸡丁
    1. 宫保
    2. 鸡丁
  • 鱼香肉丝
    • 鱼香
    • 肉丝
  • 剁椒鱼头

使用CSS可以去掉li前面默认自带的符号


3. 定义列表
  • 定义列表用来对一些词汇或内容进行定义
  • 使用dl来创建一个定义列表
  • ul,ol,dl之间可以互相嵌套
武松
景阳冈打虎英雄,战斗力100
后打死西门庆,投奔梁山
武大郎
著名餐饮企业家,战斗力0

你可能感兴趣的:(7.HTML&CSS---有序列表,无序列表,定制列表)