CSS 可以用來定義網頁中圖形元素的樣式，其中一個常見的要素就是長方形。使用 CSS 中的border屬性，可以定義長方形的邊框線性樣式，包括線的寬度、顏色和樣式。

div {
width: 200px;
height: 100px;
border: 2px solid black;
}

上述代碼就定義了一個寬度為200px，高度為100px，邊框線寬度為2px，顏色為黑色的長方形。

但是如果想要定義長方形的四個角都尖尖的呢？可以使用border-radius屬性。

div {
width: 200px;
height: 100px;
border: 2px solid black;
border-radius: 10px;
}

上述代碼加上了一個border-radius屬性，這個屬性決定了長方形四個角的半徑值。通過增加半徑值，可以使四個角的尖角變得更尖銳。

div {
width: 200px;
height: 100px;
border: 2px solid black;
border-radius: 50%;
}

如果想要定義一個更圓潤的角度，可以將border-radius的值設為50%，這樣四個角就變成了圓角。如果想要其中某一個角變為圓角，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius分別定義。

CSS 中的border和border-radius屬性可以讓我們輕松地定義網頁中的長方形和其四個角的形態。不僅能夠實現不同形狀的需求，還可以提高網頁視覺效果。