CSS系列之类别样式(三)

最新推荐文章于 2025-05-29 21:15:53 发布

原创最新推荐文章于 2025-05-29 21:15:53 发布 · 318 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #url

本文展示了一种使用HTML和CSS来定义列表样式的实践案例。通过具体的代码示例，展示了如何利用list-style-image和list-style-type属性为无序列表（ul）和有序列表（ol）设置图标和中文符号作为列表项标记。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示列表样式</title>
    <style type="text/css">
        ul.a{
            list-style-image: url("1.png");
        }
        ol.b{
            list-style-type: cjk-ideographic;
        }

    </style>
</head>
<body>
  <ul class="a">
      <li>第一行</li>
      <li>第二行</li>
      <li>第三行</li>
      <li>第四行</li>
      <li>第五行</li>
  </ul>

  <ol class="b">
      <li>发发发1</li>
      <li>发发发2</li>
      <li>发发发3</li>
      <li>发发发4</li>
      <li>发发发5</li>
  </ol>

</body>
</html>