html列表嵌套

最新推荐文章于 2024-05-20 22:38:25 发布

GUOSJIA

最新推荐文章于 2024-05-20 22:38:25 发布

阅读量1.1w

点赞数 2

分类专栏： html 前端文章标签：前端 html

本文链接：https://blog.csdn.net/GUOSJIA/article/details/79055609

版权

前端同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>目录</h1>
<hr/>
<ol>
    <li>贴吧导航</li>
    <li>大事记载</li>
    <li>等级制度</li>
    <li>实名制度</li>
    <li>特点分析</li>
    <li>品牌价值</li>
    <li>手机贴吧</li>
       <ul>
           <li style="list-style:circle;color:blue">贴吧客户端</li>
           <li style="list-style:circle;color:blue">贴吧智能版</li>
      </ul>
    <li>平台推广</li>
    <ul>
        <li style="list-style:circle;color:blue">官方平台</li>
        <li style="list-style:circle;color:blue">贴吧推广</li>
    </ul>
</ol>
</body>
</html>

列表嵌套：无序嵌套在有序中，直接在大的<ol></ol>里面，根据需要在所需列表项<li></li>下加<ul></ul>标签，无序的列表内容写在<li></li>里面。