zoukankan html css js c++ java

CSS列表样式

  <style>
        .ul1 {
            list-style-type: circle
        }
        .ul2{
            list-style-type:square;
        }
        .ol1{
            list-style-type:upper-roman;
        }
        .ol2{
            list-style-type:none;
        }
        .ol3{
            list-style-image:url('bg.jpg');
        }
    </style>
</head>

<body>
    <ul>
        <li>ul列表默认是实心圆</li>
        <li>ul列表默认是实心圆</li>
    </ul>

    <ul class="ul1">
        <li>列表空心圆用list-style-type:circle;</li>
        <li>列表空心圆用list-sytle-type；circle;</li>
    </ul>
    <ul class="ul2">
        <li>列表方块用list-style-type:square;</li>
        <li>列表方块用list-style-type:square;</li>
    </ul>
    <ol>
        <li>ol列表默认是数字</li>
        <li>ol列表默认是数字</li>
    </ol>
    <ol class="ol1">
        <li>ol列表大写罗马数字用list-style-type:upper-roman;</li>
        <li>ol列表小写罗马数字用list-style-type:lower-roman;</li>
    </ol>
    <ol class="ol2">
        <li>ol列表没有标记符号list-style-type:none;</li>
        <li>ol列表没有标记符号list-style-type:none;</li>
    </ol>
      <ol class="ol3">
        <li>ol列表图像用list-style-image:url("bg,jpg");</li>
        <li>ol列表图像用list-style-image:url("bg,jpg");</li>

    </ol>

</body>

</html>

查看全文

相关阅读:
python之shutil模块
 python的os模块
 python的map函数
 Web基础知识
 Web基础知识 --- html中的meta元素有什么用?
使用技巧 --- 与 FireFox 相关
 基础知识之WIN32 API
资料索引
 基础知识之C++篇
 使用技巧 --- 与 Visual Studio 有关

原文地址：https://www.cnblogs.com/xingkongly/p/7510101.html