其他语言系统下list-style项目符号效果实例页面

回到相关文章 »

效果：

国外语系

请选择：

中日韩（CJK）语系

实时效果

  1. 元宇宙
  2. 双十一
  3. CSS新世界
  4. 1024程序员节
  5. 欢迎转发分享

代码：

CSS代码：
ol {
    background:#f0f3f9;    
    padding: 1em 0 1em 3em;
    font-size: 150%;
}
HTML代码：
<ol id="ol">
    <li>元宇宙</li>
    <li>双十一</li>
    <li>CSS新世界</li>
    <li>1024程序员节</li>
    <li>欢迎转发分享</li>
</ol>
JS代码：
form.addEventListener('change', function (event) {
    ol.style.listStyleType = event.target.value;
});