在CSS中，我們可以使用border-radius屬性來創建圓角元素。border-radius屬性接受一個1到4個值的語法，這些值以斜杠分隔。每個值定義每個角的半徑。 例如，如果我們想要所有角都有相同的半徑，則可以使用以下代碼：

.border {
border-radius: 10px;
}

這將創建一個具有10像素半徑的圓角元素。但是，如果我們只想讓左上角和右下角具有圓角，而其他角都是直角，則可以使用以下代碼：

.border {
border-radius: 10px 0 0 10px;
}

這將使左上角和右下角的半徑為10像素，而其他角為直角。 我們還可以組合多個值來創建不同大小的圓角。例如，以下代碼將創建一個具有16像素和8像素半徑的圓角元素：

.border {
border-radius: 16px 8px;
}

不僅如此，我們還可以使用border屬性來為元素添加邊框。例如，以下代碼將為一個元素添加5像素寬度的紅色邊框：

.border {
border: 5px solid red;
}

我們還可以將邊框樣式設置為不同的值，例如dotted，dashed和double。以下代碼將為元素添加1像素寬度的虛線邊框：

.border {
border: 1px dashed black;
}

同時，我們還可以將border-radius和border屬性結合使用來創建一個具有圓角和邊框的元素。以下代碼將創建一個具有8像素半徑和5像素寬度的紅色邊框的圓角元素：

.border {
border-radius: 8px;
border: 5px solid red;
}

綜上所述，border-radius和border是CSS中非常有用的屬性，使我們能夠輕松地創建具有圓角和邊框的元素。