圆圈序号怎么批量加，怎么快速添加圆圈序号

1.先在body里面添加ul标签

2.通过js获取到id等于list的标签 定义一个空字符串用来连接增加的标签，并展示出来

如图的js代码展示的是前三个颜色不同，余下的颜色相同的圆圈序号

function autoAddList(){ var oUl = document.getElementById(\’list\’); // var arr = [\’湖南\’,\’广西\’,\’新疆\’,\’上海\’] var str = \”\”; for (let i = 1; i \’ + i + \'\’ + \'
\’; 活动：慈云数据爆款香港服务器，CTG+CN2高速带宽、快速稳定、平均延迟10+ms 速度快，免备案，每月仅需19元！！ 点击查看}else if (i == 2) { str += \'

\’ + i + \'

\’ + \'
\’; }else if (i == 3) { str += \'

\’ + i + \'

\’ + \'
\’; }else{ str += \'

\’ + i + \'

\’ + \'
\’; } } oUl.innerHTML = str;} 3.css样式修改 /*设置列表样式*/ul{ list-style-type: none;}

list-style-type: none表示无标识，属性也有空心圆、实心方块、数字等

序号排的整齐需要设置span的样式

/*设置为行内块状元素*/li span{display:inline-block;}

效果如下图所示

53180740

《圆圈序号怎么批量加，怎么快速添加圆圈序号》来自互联网同行内容，若有侵权，请联系我们删除！