大家好，我是前端 - 西瓜兄弟。
不久前，我意识到了一种定义的无定义系列样式，踩在一些坑上，并告诉您。
设计师说，必须优化我们的清单。太丑了。这个起源更大。
这是默认的无序列表样式。
尽管我感到有些盛开，但我还是去学习，看看如何使点更大一些。
让我们删除Li的原始点，然后将其添加到LI。
然后在LI的前面创建一个伪元素，然后添加点字符。
在这里，我在内容的末尾添加了两个空间以实现正确的距离效果。您还可以使用更正式的边缘权利。
注意：内容的价值最好在这里使用刚性字符，不要使用原始字符，因为我发现某些浏览器会被弄乱。
这些点不与文本级别保持一致。我们使用变换来罚款 - 置换位置。
应该注意的是，转换是无效的显示：inline..and :: pseudo-element默认为行中的元素，您需要手动将其更改为内联块。
完整的写作是：
设计师感到满意。
但是几天后，他发现有问题，他跑了过去，再次对我说：不，这种变化的文本的起始位置不应在点下，而应与第一行，也就是说，应该像这样。
问题不大，立即更改。
将伪元件设置为绝对定位，以使点从正常文档流中输出。这段时间我们使用的时间来调整位置。
完整的写作是：
效果是完美的，设计师留下了满意。
如果您不需要修改点的大小，则需要用其他符号替换它，并使用一种使用列表式式型或:: Marker的方法。
列表式式型号用于UL元素。
然后，我们看到了原始点的起源为飞机角色：
::标记在LI元素上使用，该元素可以允许不同的LI使用而无需样式。
更具体的写作方式将不会在这里启动。读者可以自己阅读官方文件。
但是，在修改了点的大小后，无法通过转换调整此方案，因此我使用此方案。
小型列表的自定义风格也很多，我希望它对您有所帮助。
我是前端西瓜兄弟，分享前端知识，欢迎跟随我。
我第一次在我的公共帐户中：前端西瓜兄弟
原始：https：//juejin.cn/post/7099627025970921502