在網頁設計中，許多開發人員經常需要更改 HTML 元素的層級順序來實現特定的設計效果。CSS 提供了一種方法來更改元素的層級順序，該方法稱為層疊。 要更改 HTML 元素的層級順序，我們需要使用 CSS 中的 z-index 屬性。默認情況下，元素的 z-index 值為 0，因此將其設置為較大的數字將使其位于其他元素上方。 例如，以下代碼將呈現一個藍色矩形，它在黃色矩形之上：

這是黃色的矩形
這是藍色的矩形

在上面的代碼中，box1 元素具有 z-index 值為 1，box2 元素具有 z-index 值為 2。由于 box2 的 z-index 值較高，因此它會顯示在 box1 之上。 需要注意的是，只有相對或絕對定位的元素才能使用 z-index 屬性。要使元素相對或絕對定位，請在 CSS 中將其 position 屬性設置為 relative 或 absolute。 總的來說，通過在 CSS 中使用 z-index 屬性，我們可以更改 HTML 元素的層級順序，以實現所需的設計效果。