教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

怎樣在列表中嵌套多重子列表【web前端技術(shù)文章】

更新時(shí)間:2020年11月11日18時(shí)30分 來(lái)源:傳智播客 瀏覽次數(shù):

　　在網(wǎng)上購(gòu)物商城中瀏覽商品時(shí)，經(jīng)常會(huì)看到某一類商品被分為若干小類，這些小類通常還包含若干的子類。同樣，在html5中也會(huì)用到列表的嵌套，一列表項(xiàng)中包含若干子列表項(xiàng)，要想在列表項(xiàng)中定義子列表項(xiàng)就需要將列表進(jìn)行嵌套。

　　列表嵌套的方法十分簡(jiǎn)單，我們只需將子列表嵌套在上一級(jí)列表的列表項(xiàng)中，例如下面代碼是在無(wú)序列表中嵌套一個(gè)有序列表。

html
<ul>

  <li>列表項(xiàng)1</li>

  <li>列表項(xiàng)2</li>

  <li>

        <ol>

              <li>列表項(xiàng)1</li>

              <li>列表項(xiàng)2</li>

</ol>

</li>

</ul>

猜你喜歡：

如何在HTML5中嵌入視頻和音頻？

表格標(biāo)簽的特點(diǎn)，如何在HTML網(wǎng)頁(yè)中創(chuàng)建表格？

Css是什么？它的優(yōu)點(diǎn)哪些？

0 分享到：
和我們?cè)诰€交談！