CSS可以創造各種形狀的元素，而非矩形的形狀是最常見的形狀之一。以下是一些方法來使用CSS制作非矩形元素。

1. 使用border-radius屬性
可以使用border-radius屬性來制作圓形、橢圓形以及四個角呈現圓角的矩形。這個屬性需要指定一個半徑值，半徑值越大，彎曲的角度就越明顯，從而呈現出圓的形狀。
例子：
.circle{
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}
2. 使用clip-path屬性
可以使用clip-path屬性來制作復雜的非矩形形狀。這個屬性需要指定一個CSS形狀函數（如polygon()、circle()、ellipse()等），以及一個基于形狀函數的參數。
例子：
.shape{
width: 100px;
height: 100px;
background-color: red;
clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 100%, 0% 50%);
}
3. 使用transform屬性
可以使用transform屬性來制作斜角形狀。可以使用rotate()和skew()函數來轉換元素。
例子：
.transform{
width: 100px;
height: 100px;
background-color: red;
transform: skew(30deg);
}

以上是三種使用CSS制作非矩形元素的方法，希望對您有所幫助。