CSS 倒尖角是一種常見的網頁設計技術，用于在頁面中創建具有吸引力的圖形元素。

.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #222;
}

這是創建一個簡單的倒尖角的 CSS 代碼示例。我們定義了一個元素，它的寬度和高度都為 0，然后為其定義了一個三角形形狀的樣式。其實，這是利用 CSS 原理制作出來的。

CSS 中利用 border 屬性，我們可以為元素的每個邊框定義一個樣式，包括：寬度、顏色和樣式。在這個例子中，我們使用了三個屬性：border-left, border-right 和 border-top。

我們定義了一個上邊框的樣式，即 border-top。在這個樣式中，我們為其定義了一個寬度為 20px，顏色為 #222 的邊框。同時，我們還定義了兩個斜線形狀的邊框，它們的寬度都為 20px，但顏色為透明的，這樣就創建出了一個倒尖角的三角形。

通過調整這些邊框的屬性值，我們可以創建出各種不同的倒尖角形狀。此外，我們還可以為其添加陰影、背景色等樣式，以創造出更復雜、更具有吸引力的圖形效果。