2021/3/15 列表样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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 type="1">
<li>不知其几千里也</li>
<li>化而为鸟</li>
<li>其名为鹏</li>
<li>鹏之背</li>
</ol>
<!--有序字母 -->
<ol type="a">
<li>不知其几千里也</li>
<li>怒而飞</li>
<li>其翼若垂天之云</li>
<li>是鸟也</li>
</ol>
<ol type="A">
<li>海运则将徙于南冥</li>
<li>南冥者</li>
<li>天池也</li>
<li>鹏之徙于南冥也</li>
</ol>
<!--有序罗马 -->
<ol type="Ⅰ">
<li>水击三千里</li>
<li>抟扶摇而上者九万里</li>
<li>去以六月息者也</li>
<li>野马也</li>
</ol>
<ol type="i">
<li>尘埃也</li>
<li>生物之以息相吹也</li>
<li>天之苍苍</li>
<li>其正色邪</li>
</ol>
</body>
</html>