CSS圓角邊框是一種非常常用的UI設計元素，但是在不同的瀏覽器中顯示效果不一定一致，因此需要考慮兼容性問題。以下是一些常用的CSS圓角邊框兼容代碼。

/* Safari */
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 10px;
/* Firefox */
-moz-border-radius: 5px;
-moz-border-top-left-radius: 10px;
/* Opera */
border-radius: 5px;
border-top-left-radius: 10px;

如上代碼是對不同瀏覽器中使用CSS圓角邊框的兼容處理，我們可以在需要使用圓角邊框的CSS樣式中添加相應的代碼。

這些兼容代碼可以同時適用于CSS box-shadow樣式，使其在各個瀏覽器中玲瓏有致地顯示。

/* Safari */
-webkit-box-shadow: 0px 0px 5px #000;
-webkit-border-radius: 5px;
/* Firefox */
-moz-box-shadow: 0px 0px 5px #000;
-moz-border-radius: 5px;
/* Opera */
box-shadow: 0px 0px 5px #000;
border-radius: 5px;

以上就是關于CSS圓角邊框兼容代碼的基本介紹，使用這些兼容代碼將有助于我們在不同的瀏覽器中獲得一致的UI設計風格。