有序,无序列表样式

2019-12-22  本文已影响0人  薛定谔的程序
<!--无序列表-->
<ul>
    <li>无序列表-默认样式(disc)</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
<ul type="circle">
    <li>无序列表-type="circle"(空心圆)</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
<ul type="square">
    <li>无序列表-type="square"(块状)</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
<hr>
<!--有序列表-->
<ol type="1">
    <li>有序列表-type="1"(默认样式)</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="a">
    <li>有序列表-type="a"</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="A">
    <li>有序列表-type="A"</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="I">
    <li>有序列表-type="I"</li>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
image.png
上一篇下一篇

猜你喜欢

热点阅读