CSS中的圓角屬性是指設(shè)置元素的邊框角為圓的效果。使用圓角屬性可以讓元素看起來更圓潤、柔和，讓頁面的設(shè)計更加美觀。

圓角屬性包括border-radius和border-collapse兩種，其中border-radius是設(shè)置元素四個角的圓角半徑，而border-collapse是當(dāng)兩個表格單元格的邊框相遇時，是否合并為一條邊框。

/* 設(shè)置元素四個角的圓角 */
border-radius: 10px; /* 所有角的半徑都為10px */
border-radius: 10px 20px; /* 上左、上右、下右、下左分別為10px、20px、10px、20px */
border-radius: 10px 20px 30px; /* 上左、上右、下右、下左分別為10px、20px、30px、20px */
border-radius: 10px 20px 30px 40px; /* 上左、上右、下右、下左分別為10px、20px、30px、40px */
/* 當(dāng)兩個表格單元格的邊框相遇時，是否合并為一條邊框 */
border-collapse: separate; /* 默認(rèn)值，不合并單元格邊框 */
border-collapse: collapse; /* 將相鄰單元格的邊框合并為一條，節(jié)省空間 */

值得注意的是，如果元素設(shè)置了邊框，并且想要設(shè)置圓角，則需要使用border-radius屬性而不是border-style屬性來設(shè)置圓角。例如：

/* 錯誤寫法 */
border-style: solid;
border-radius: 10px; /* 無法產(chǎn)生圓角效果 */
/* 正確寫法 */
border: solid;
border-radius: 10px;

在使用圓角屬性時，還可以通過設(shè)置不同的圓角半徑使元素呈現(xiàn)不規(guī)則的圓角效果。