CSS3中的圓角屬性是非常有用的，它可以讓我們輕松地將按鈕、框架和其他外觀元素的外邊角變?yōu)閳A角。

.button {
border: none;
border-radius: 5px;
padding: 10px 20px;
background-color: #f00;
color: #fff;
font-weight: bold;
cursor: pointer;
}

代碼中的"border-radius"屬性可以為任何元素的外邊角添加圓角。此屬性使用像素單位表示圓角的大小。

值得注意的是，如果您使用較大的值，這可能會導(dǎo)致按鈕的圓角過于明顯并覆蓋重要內(nèi)容。您還可以在適當(dāng)?shù)那闆r下使用百分比值來確定按鈕的圓角。

此外，您可以指定單個元素的不同圓角，例如：

.box {
border-radius: 5px 10px 5px 10px;
}

在上面的代碼中，“border-radius”屬性指定了元素的四個圓角，指示順序分別為“左上”、“右上”、“右下”和“左下”。

總結(jié)一下，CSS3中的圓角屬性是非常有用的，可以幫助我們更好地構(gòu)建各種UI元素的外觀，并為其添加更具吸引力的外觀。同時，對于在特定情況下需要特定圓角的元素也能夠滿足需求，為我們的設(shè)計工作提供了極大的便利。