CSS矩形是網頁設計中常用的元素之一，它可以用來做按鈕、邊框等等。在設計中，有時需要對矩形兩邊分別添加不同的邊框，而CSS可以輕松地實現這個效果。

.rectangle {
width: 200px;
height: 100px;
border-top: 2px solid black;
border-bottom: 2px solid black;
border-left: 2px solid red;
border-right: 2px solid blue;
}

以上代碼創建了一個長寬分別為200px和100px的矩形元素，并分別添加了紅色和藍色的左右邊框以及黑色的上下邊框。

border-top, border-bottom, border-left, border-right是用來添加邊框的屬性。solid表示邊框樣式為實線，而2px則表示邊框粗細為2像素?？梢愿鶕O計需要自行調整粗細和顏色。

如果要對所有邊框使用同一種顏色和樣式，可以使用border屬性。如下所示：

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

以上代碼將矩形元素的所有邊框都設置為2px寬的黑色實線。這樣會使邊框看起來更加統一和整潔。

總而言之，使用CSS可以輕松地實現矩形元素兩邊的不同邊框樣式。這為網頁設計提供了更多的靈活性和創造性。