首页技术文章正文

如何在列表中嵌套多重子列表?

更新时间:2020-11-11 来源:黑马程序员 浏览量:

  在网上购物商城中浏览商品时,经常会看到某一类商品被分为若干小类,这些小类通常还包含若干的子类。同样,在html5中也会用到列表的嵌套,一列表项中包含若干子列表项,要想在列表项中定义子列表项就需要将列表进行嵌套。

  列表嵌套的方法十分简单,我们只需将子列表嵌套在上一级列表的列表项中,例如下面代码是在无序列表中嵌套一个有序列表。

html
<ul>

  <li>列表项1</li>

  <li>列表项2</li>

  <li>

        <ol>

              <li>列表项1</li>

              <li>列表项2</li>

</ol>

</li>

</ul>

猜你喜欢:

【前端】盒子模型的边框样式属性和应用技巧讲解

什么是自适应式页面?

Css中如何清理浮动?【web前端开发】

分享到:
在线咨询 我要报名
和我们在线交谈!