列表样式5

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值