CSS ul去除原點

在 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 屬性，可以去除列表原點，并實現無序列表的樣式。