在 CSS 中，ul 标签可以用于创建无序列表，其中列表项由其他标签(如 li 标签)组成。默认情况下，ul 标签的列表项会基于其顶部元素的开始位置建立，这会导致原点的出现。为了解决这个问题，可以使用 CSS ul 标签的 -z-index 属性来将列表项隐藏或突出显示。
1. 添加 ul 标签
在 HTML 中，可以添加一个 ul 标签来创建无序列表。
“`html
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
2. 添加 z-index 属性
可以在 ul 标签的 CSS 样式中添加 z-index 属性来控制列表项的隐藏或突出显示。
“`css
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px;
li:last-child {
margin-right: 0;
#my-list {
z-index: 1;
在上面的代码中，大家添加了一个 #my-list 标签，该标签的 z-index 属性设置为 1，以隐藏列表原点。
3. 添加 -z-index 属性
除了使用 z-index 属性外，还可以使用 -z-index 属性来隐藏或突出显示列表项。
“`css
#my-list {
z-index: 2;
在上面的代码中，大家使用 #my-list 标签的 -z-index 属性将其设置为 2，以突出显示列表项。
通过使用 CSS ul 标签的 -z-index 属性，可以去除列表原点，并实现无序列表的样式。