CSS 列表样式生成器

选择项目符号类型（disc、circle、square、decimal、lower-alpha、upper-roman、none）、位置（inside / outside）与缩进，工具会生成对应的 list-style-type、list-style-position 与 padding 的 CSS 代码。全部在浏览器本地完成。

列表设置等待输入

项目符号

位置

缩进(px)

生成的样式作用于 ul / ol 列表元素。

计算结果

属性数—

符号—

选择参数后点击生成，CSS 代码将显示在这里。

生成的代码可直接粘贴使用；结果仅供参考。

计算说明

list-style-type 决定项目符号或编号样式。
disc、circle、square 为无序列表符号。
decimal、lower-alpha、upper-roman 为有序列表编号。
outside 符号位于文本外，inside 位于文本流内。
设置 list-style: none 可移除默认符号，常配合自定义标记。