html的列表，有序列表、无序列表、嵌套列表、定义列表

您所在的位置：网站首页 › 标记与标记之间不可以嵌套 › html的列表，有序列表、无序列表、嵌套列表、定义列表

html的列表，有序列表、无序列表、嵌套列表、定义列表

2023-09-23 09:46| 来源: 网络整理| 查看: 265

1. 有序列表 ul: 标签用于定义无序列表。 li:标签用于定义列表中的项目。

刘在石宋智孝李光洙

在这里插入图片描述 2.无序列表 ol:标签用于定义有序列表。 ol元素的三个属性： 1.reversed：规定列表顺序为降序。 2.start :规定有序列表的起始值。 3.type:规定在列表中使用的标记类型。常见类型：1、A、a、I、i

刘在石宋智孝李光洙

在这里插入图片描述 3.嵌套列表有序、无序可以互相嵌套

rm 成员 7012 cuigu 9012 jiangjiang

在这里插入图片描述 4.定义列表 dl: 标签定义了一个包含术语定义以及描述的列表。 dt:标签用于定义列表中的项目（即术语部分）。 dd: 标签用于定义列表中项目的描述部分

刘在石国民MC

在这里插入图片描述 css的两个有关list的属性 1.list-style-type:可设置列表的样式：方的、圆的、无等等 css代码

ul.a { list-style-type: square; } ul.b { list-style-type: circle; } ul.c { list-style-type: disc; } ul.d { list-style-type: none; } haha 金钟国池石镇 haha 金钟国池石镇 haha 金钟国池石镇 haha 金钟国池石镇

效果在这里插入图片描述 2.list-style-image:可设置列表前面的为图片 css代码

ul.img { list-style-image: url("list.jpg"); } 西瓜草莓龙眼

效果在这里插入图片描述能看到前面都是自己添加的图片，可以按自己的喜好设置图片，以及图片大小

【本文地址】

html的列表，有序列表、无序列表、嵌套列表、定义列表

html的列表，有序列表、无序列表、嵌套列表、定义列表

今日新闻

推荐新闻