Loading

HTML列表

一、 无序列表

<ul>
<li></li>    列表项
<li></li>
<li></li>
</ul>
  •  type=”square”      小方块
  • Type=”disc”       实心小圆圈
  • Type=”circle”      空心小圆圈
<!-- 无序列表 -->
    <ul>
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>
    <ul type="disc">
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>
    <ul type="square">
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>
    <ul type="circle">
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>

二、有序列表

<ol>
<li></li>    列表项
<li></li>
<li></li>

</ol>
<!-- 有序列表 -->
    <ol start="2">
        <li>列表内容</li>
        <li>列表内容</li>
    </ol>
    <ol type="A" start="3">
        <li>列表内容</li>
        <li>列表内容</li>
    </ol>
    <ol type="i">
        <li>列表内容</li>
        <li>列表内容</li>
    </ol>
  • type=”1,a,A,i,I” type的值可以为1,a,A,i,I  start=”3”  决定了开始的位置。

三、自定义列表

<dl>
 <dt></dt>    小标题
  <dd></dd>   解释标题
  <dd></dd>   解释标题
</dl>
<!-- 自定义列表 -->
    <dl>
    <dt>小标题</dt>
    <dd>解释</dd>
    <dd>解释</dd>
    </dl>

 

posted @ 2018-03-19 22:14  澎湃_L  阅读(149)  评论(0编辑  收藏  举报