css ul序号字体 |css 底层显示在上面

ul { counter-reset: item }
li { display: block }
li:before { 
content: counter(item) " ";
counter-increment: item;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #ff0000;
}

在上述代码中，大家首先通过counter-reset对ul元素的item计数器进行重置。然后通过li:before，将序号的内容设置为counter(item)，并对计数器进行自增。此外，大家还对序号字体进行自定义，包括使用Arial字体、14像素的大小、粗体以及红色（#ff0000）。

通过以上设置，大家可以灵活地控制ul序号的字体样式。需要注意的是，这些样式可能在不同的浏览器中产生不同的效果，因此大家需要在不同的浏览器中进行兼容性测试，确保效果一致。