CSS是一種強大的樣式表語言，它能夠為網頁增添各種各樣的效果。其中，一些特殊的形狀在美化網頁時應用十分廣泛。接下來，我們就來了解一下這些形狀的使用方法！

1. 圓形和橢圓形

/* 圓形 */
border-radius: 50%;
/* 橢圓形 */
border-radius: 50% / 30%;

2. 三角形

/* 向上的三角形 */
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
/* 向下的三角形 */
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
/* 向左的三角形 */
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
/* 向右的三角形 */
border-top: 50px solid transparent;
border-left: 100px solid red;
border-bottom: 50px solid transparent;

3. 菱形

width: 100px;
height: 100px;
transform: rotate(45deg);
background: red;

4. 梯形

width: 200px;
height: 0px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;

以上便是CSS中使用較為廣泛的一些特殊形狀的方法。它們可以為你的網頁增色添彩，讓頁面更具吸引力！