三角形是一種非常簡單的形狀，它僅由三條線段組成。使用 CSS 可以輕松地繪制三角形來裝飾您的頁面。 以下是一個不填充的三角形示例：

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid black;
border-right: 50px solid transparent;
 }

在上述代碼中，我們首先將寬度和高度設置為 0。接下來，我們定義了三個邊框：上邊框為純透明，左邊框為黑色，右邊框也為純透明。 這樣，三個邊框?qū)⑿纬梢粋€不填充的等邊三角形。 將三角形旋轉(zhuǎn) 45 度，可以創(chuàng)建一個有趣的菱形：

.diamond {
width: 50px;
height: 50px;
transform: rotate(45deg);
margin: 10px;
border: 1px solid black;
 }

在這個例子中，我們設置了一個大小為 50x50px 的正方形，應用了 45 度旋轉(zhuǎn)，并設置了一個黑色邊框。 這里的 transform 屬性使得整個方形以中心點為軸心旋轉(zhuǎn)了 45 度，從而形成了一個菱形。 總結(jié)一下，使用 CSS 不填充可以輕松地創(chuàng)建具有形狀的元素。只需設置元素的邊框和大小，再應用一些小技巧就可以創(chuàng)建許多有趣的形狀。