首页 > 其他分享 >无序、有序、自定义列表

无序、有序、自定义列表

时间:2022-11-21 20:57:41浏览次数:45  
标签:序列表 自定义 详细描述 无序 有序 列表

1.无序列表

    <!-- 1.默认type="disc"实心圆,#表示空链接 -->
        <ul> 
        <li><b><a href="#">无序列表</a></b></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <!-- 2.空心圆 -->
        </ul>
        <ul type="circle">
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        </ul>
        <!-- 3.小方形 -->
        <ul type="square">
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
        </ul>
        <!-- 4.没有 -->
        <ul type="none">
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
        </ul>

2.有序列表

<!-- 1.默认type=“1” 从1开始 -->
        <ol>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <!-- 2. 从b开始 -->
        <ol type="a" start="2">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <!-- 3.ABC -->
        <ol type="A" >
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="i" >
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="I" >
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>

3.自定列表

<dl>
            <dt>自定义内容可以是图片或文字</dt>
            <!-- 一般情况下dt只允许用一次dd可以多次 -->
            <dd>对内容的详细描述</dd>
        </dl>

 

标签:序列表,自定义,详细描述,无序,有序,列表
From: https://www.cnblogs.com/xu529/p/16913168.html

相关文章