列表的使用代码,Css代码库,德仔网

代码语言

代码分类

【Css】列表的使用

作者:岸珂 / 发布于2016/1/11/ 458

<!--
html中的列表练习
 
E-mail：shyhero@outlook.com
 
-->
 
<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>列表的使用</title>
    </head>
    <body>
     
        <!--  无序列表  -->
        <ul type="disc">
            <li>香蕉</li>
            <li>苹果</li>
            <li>鸭梨</li>
        </ul>
        <ul type="circle">
            <li>香蕉</li>
            <li>苹果</li>
            <li>鸭梨</li>
        </ul>
        <ul type="square">
            <li>香蕉</li>
            <li>苹果</li>
            <li>鸭梨</li>
        </ul>
         
        <!--  有序列表  -->
        <ol start="10">
            <li>橘子</li>
            <li>鸭梨</li>
            <li>芒果</li>
        </ol>
        <ol type="A">
            <li>橘子</li>
            <li>鸭梨</li>
            <li>芒果</li>
        </ol>
        <ol type="a">
            <li>橘子</li>
            <li>鸭梨</li>
            <li>芒果</li>
        </ol>
        <ol type="I">
            <li>橘子</li>
            <li>鸭梨</li>
            <li>芒果</li>
        </ol>
        <ol type="i">
            <li>橘子</li>
            <li>鸭梨</li>
            <li>芒果</li>
        </ol>
         
        <!--  列表的嵌套 -->
         
        <ol>
            <li>动物</li>
                <ol>
                    <li>狮子</li>
                    <li>老虎</li>
                </ol>
            <li>植物</li>
                <ul type="square">
                    <li>大树</li>
                    <li>小草</li>
                </ul>
        </ol>
         
        <!--  自定义列表  -->
         
        <dl>
            <dt>动物</dt>
                <dd>能动的物</dd>
            <dt>植物</dt>
                <dd>能植的物</dd>
        </dl>
         
    </body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　列表　

同语言下

可能有用的

岸珂贡献的其它代码(15)