CSS五邊即是指CSS3的新屬性border-radius，該屬性能夠讓我們用簡單的方式實現圓角的效果。border-radius的參數可以是一個數值，也可以是四個數值組成的序列（top-left, top-right, bottom-right, bottom-left），還支持另一個新屬性border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius，這些屬性可以讓我們為一個元素的某個角設置圓角效果。

/* 一個圓角 */
border-radius: 10px;
/* 四個圓角 */
border-radius: 10px 15px 20px 25px;
/* 分別設置每個角的圓角效果 */
border-top-left-radius: 10px;
border-top-right-radius: 15px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 25px;

除了以上的基本使用方法之外，border-radius還有一些較為復雜的用法。比如可以實現哪些角是圓角或非圓角、圓角彎曲的角度大小等等，這些需要了解更加詳細的屬性，如border-radius-style、border-radius-position、border-radius-image等等。

最后，還需要注意的是，CSS圓角并不是在所有瀏覽器都支持的，如IE6-8，所以如果需要兼容性更好的圓角效果，建議使用HTML元素里面的圖片。